2.23.0 • Published 4 months ago

iconista v2.23.0

Weekly downloads
102
License
Unlicense
Repository
github
Last release
4 months ago

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.

autocomplete

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:

2.19.0

8 months ago

2.17.0

8 months ago

2.18.0

8 months ago

2.21.0

8 months ago

2.23.0

4 months ago

2.20.0

8 months ago

2.22.0

8 months ago

2.16.1

3 years ago

2.16.0

4 years ago

2.15.0

4 years ago

2.14.0

5 years ago

2.13.2

5 years ago

2.13.1

5 years ago

2.13.0

5 years ago

2.12.0

6 years ago

2.11.0

6 years ago

2.10.0

6 years ago

2.9.1

6 years ago

2.9.0

6 years ago

2.8.0

6 years ago

2.7.0

6 years ago

2.6.0

6 years ago

2.5.0

6 years ago

2.4.0

6 years ago

2.3.0

6 years ago

2.2.0

6 years ago

2.1.0

6 years ago

2.0.0

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.0

6 years ago