React Icon Collection
React Pakistan
React Pakistan is a Free & OpenSource Software (FOSS) platform, creating React software solutions for the global community.
React Icon Collection
A generic, SVG Icon library for React web apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React.
Install
Add React Icon Collection to your project:
yarn add @react-pakistan/react-icon-collection
or npm install @react-pakistan/react-icon-collection
Add React Icon Collection base theme to your project.
yarn add @react-pakistan/util-functions
or npm install @react-pakistan/util-functions
Styles
Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead.
import { ThemeProvider } from 'styled-components';
import { theme } from '@react-pakistan/util-functions';
<ThemeProvider theme={theme}>
<App />
</ThemeProvider>
Use
FourthofjulyGrey12
import { FourthofjulyGrey12 } from '@react-pakistan/react-icons-collection/fourthofjuly-grey';
<FourthofjulyGrey12
fontSize="32px"
fill="#2E2E2E"
/>