iconista

Listen to podcast:

https://github.com/user-attachments/assets/aadf4d0e-39d9-4214-8a61-4876989d558a

• Thousands of SVG icons. See to 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.

React usage

import Svg from 'iconista';

<Svg set='ibm_16' icon='arrow--down' />

Or, simply get the icon URL:

import {getUrl} from 'iconista/lib/getUrl'

const url = getUrl({set: 'ibm_16', icon: 'arrow--down'})

Static usage

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

License

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.
• atlaskit_34 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.
• lucide_v1 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.
• phosphor icon set is under MIT license by Phosphor Icons. The set bundles all weights: regular icons keep their plain name, other weights are postfixed (__bold, __duotone, __fill, __light, __thin).
• This project is under Unlicense license — public domain.