Influitive Icons


102.0.0-alpha.35 years ago5 years agoMinified + gzip package size for @influitive/icons in KB


Influitive Icons

Adding new icons

Drop the new icon into the SVG folder and run npm run build. Add new SVG files to git and commit.


import { Icon } from 'infl-icons';


<Icon icon='arrow-down'/>

This package wraps all the provided svg files and creates React components from them. Note that is means the SVG components are larger than the original SVGs, this allows us to abstract away how we load the SVGs. Also needed because we couldn't use <use> due to having to deploy to a CDN. (use doesn't currently work when host of the svg asset is different than the host of the server that served the html)

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.