eswat2/cra-social-icons

demonstrate importing SVG icons...

CRA-Social-Icons

1. demonstrate importing SVG icons from Material.io design resources and making them available as React components which can be styled.
2. demonstrate how these components can be used in Storybook without any modifications.
3. deploy the app to gh-pages: CRA-Social-Icons.
4. you can also find this implemention on CodeSandbox.
5. UPDATE - implemented a simple color picker to demonstrate how you can change the fill color for a group of icons with styled-components...
   • using toggle/radio SVG icons from material.io
   • using colors from clrs.cc

References

• clrs.cc - A nicer color palette for the web
• Icons - Material Design tools
• material.io - Material Design
• material-design-icons - Google on GitHub
• Material Design Icons - Community-led Iconography
• Storybook - UI component explorer for frontend developers
• Styled Components - Visual primitives for the component age

Snapshots

• 
• 
• 
• 
• 
•