Thousands of SVG icons with one React component
npm install iconistaListen to podcast:
https://github.com/user-attachments/assets/aadf4d0e-39d9-4214-8a61-4876989d558a
- Thousands of SVG icons. [See to Storybook][storybook].
- Just one React component.
- Icons are lazy-loaded, so you only load the icons you use.
- TypeScript autocompletion for icon sets and icons.
- Inline icons as SVG elements, so you can apply CSS styling to them.
- All icons are responsive (SVG widht and height attributes are removed).
- fill SVG properties are not set, so you can color icons with CSS.
- SVG icons are optimized with SVGO.
[storybook]: https://streamich.github.io/iconista
``js
import Svg from 'iconista';
`
Or, simply get the icon URL:
`js
import {getUrl} from 'iconista/lib/getUrl'
const url = getUrl({set: 'ibm_16', icon: 'arrow--down'})
`
You can access icons directly from a public CDN, using icon's {set} and{icon} identifiers. For example, you can use the JsDelivr CDN:
Using JsDelivr:
``
https://cdn.jsdelivr.net/npm/iconista@2/sets/{set}/{icon}.svg
Using UNPKG:
``
https://unpkg.com/iconista@2/sets/{set}/{icon}.svg
Using ESM.sh:
``
https://esm.sh/iconista@2/sets/{set}/{icon}.svg
All icon sets and this repository are distributed under permissive open-source
licenses:
- elastic icon set is under Apache License 2.0 by Elastic.ibm_16
- and ibm_32 icon sets are under Apache License 2.0 by IBM.atlaskit
- icon set is under Apache License 2.0 by Atlassian.ant_fill
- , ant_outline, and ant_twotone icon sets are under MIT license.auth0
- icon set is under MIT license by Auth0.fontawesome_regular
- and fontawesome_solid icon sets are under CC BY 4.0 License.fontawesome_brands
- icons set contains trademarks of respective brands.pluralsight
- and pluralsight_illustrations icon sets are under Apache License 2.0 by Pluralsight.emojione_v2
- icon set is under CC BY 4.0 license.radix
- icon set is under MIT license by WorkOS.lucide
- icon set is under ISC and MIT licenses.lineicons
- icon set is under MIT licenses.tabler
- and tabler_filled icon sets are under MIT license.simple
- icon set is under CC0 1.0 Universal license.vscode
- and vscode_dark icon sets are under CC Attribution 4.0 International.bootstrap` icon set is under MIT license.
-
- This project is under Unlicense license — public domain.