Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Tens of thousands of SVG icons from 20+ icon sets in one NPM install in one React component

License

NotificationsYou must be signed in to change notification settings

streamich/iconista

Repository files navigation

Listen to podcast:

Iconista_.Thousands.of.SVG.Icons.mp4
  • 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 (SVGwidht andheight 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

importSvgfrom'iconista';<Svgset='ibm_16'icon='arrow--down'/>

Or, simply get the icon URL:

import{getUrl}from'iconista/lib/getUrl'consturl=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:

UsingJsDelivr:

https://cdn.jsdelivr.net/npm/iconista@2/sets/{set}/{icon}.svg

UsingUNPKG:

https://unpkg.com/iconista@2/sets/{set}/{icon}.svg

UsingESM.sh:

https://esm.sh/iconista@2/sets/{set}/{icon}.svg

License

All icon sets and this repository are distributed under permissive open-sourcelicenses:

About

Tens of thousands of SVG icons from 20+ icon sets in one NPM install in one React component

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published

Contributors4

  •  
  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp