Icons for the Optimizely application and other OUI projects.
This implementation consists of a Icon React Component that will generate an inline SVG icon using the data associated with the name of the icon. Any attributes will be passed as props.
Download the package: Run
yarn add react-oui-icons to include the latest icons in your project.
Using an icon: You can use one of the icons in the HTML with:
import Icon from 'react-oui-icons'; ... <Icon name="search" description="search" size="medium" fill="black" /> ...
react-oui-icons uses Storybook! You can view all of the icons through the Storybook interface by running:
yarn run storybook
It will start a local webserver served at
yarn svgsonto update the icon internal data file in
npm link react-oui-icons
?use_local_bundle=trueto test your icon changes before releasing with confidence
npm run release patchor
npm run release minoror
npm run release major
^0.0.xreleases, so you will need to create a new release of OUI if your icon changes include minor or major changes.