Package category
Icons
Icon sets and icon components.
629 packages15 comparisons
Packages compared
629 packages
| Package | Weekly downloads | 12-month change | 52 weeks | Gzip | Last release | Module | Types | Categories |
|---|---|---|---|---|---|---|---|---|
| @quasar/extras Quasar Framework fonts, icons and animations | 216.2k | - | - | - | 11 days ago 2.1.0 | ESM only | Bundled | Icons, Animation |
| vite-plugin-icons-spritesheet Vite plugin that generates a spritesheet and types out of your icons folder. | 209.5k | +1383% | - | 3 months ago 3.1.0 | ESM + CommonJS | Bundled | Icons, React | |
| react-file-icon React component to render svg file icons | 209k | +117% | - | 1 year ago 1.6.0 | ESM + CommonJS | None | Icons, React | |
| @syncfusion/ej2-icons A common package of Essential JS 2 base64 embed icons library | 207.5k | - | - | - | 10 days ago 34.2.8 | - | Bundled | Icons |
| @vaadin/icon Web component for creating SVG icons | 199.8k | - | - | - | 3 days ago 25.3.0 | ESM only | Bundled | Icons |
| @fortawesome/angular-fontawesome Angular Fontawesome, an Angular library | 199.3k | - | - | - | 2 months ago 5.1.0 | ESM only | Bundled | Angular, Icons |
| astro-icon This **[Astro integration](https://docs.astro.build/en/guides/integrations-guide/)** provides a straight-forward `Icon` component for [Astro](https://astro.build). | 188.1k | +140% | - | 1 month ago 1.2.0 | ESM only | Bundled | Icons, Static site generators and meta-frameworks | |
| @esri/calcite-ui-icons A collection of UI SVG icons created by Esri for applications. | 173k | - | - | - | 3 months ago 4.5.0 | ESM only | Bundled | Icons |
| bootstrap-vue With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens | 167.3k | -8% | - | 3 years ago 2.23.1 | ESM + CommonJS | Bundled | Accessibility, Icons | |
| feather-icons Simply beautiful open source icons | 167k | +41% | - | - 4.29.2 | CommonJS | None | Icons | |
| material-design-icons Material Design icons by Google | 166.7k | +77% | - | 10 years ago 3.0.1 | CommonJS | None | Icons | |
| material-design-icons-iconfont Material Design Icons DX | 161.8k | -18% | - | 4 years ago 6.7.0 | CommonJS | None | Icons | |
| @central-icons-react/round-outlined-radius-2-stroke-1.5 A collection of round outlined React icons with 2px radius and 1.5px stroke width, designed for use in React applications. | 152.8k | - | - | - | 1 day ago 1.2.1 | ESM + CommonJS | Bundled | Icons, React |
| svg-sprite SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.) | 151.1k | +14% | - | 2 years ago 2.0.4 | CommonJS | None | CSS-in-JS and styling, Icons | |
| phosphor-react-native Flexible icons for React Native | 145.7k | +246% | - | - 3.0.6 | ESM + CommonJS | Bundled | Icons, React | |
| remixicon Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial. | 144.7k | +131% | - | 7 months ago 4.9.1 | - | None | Icons | |
| lucide-solid A Lucide icon library package for Solid applications. | 142.9k | +328% | - | - 1.48.0 | ESM + CommonJS | Bundled | Icons | |
| @untitledui/file-icons Official React library for Untitled UI File Icons | 129.9k | - | - | - | 1 year ago 0.0.9 | ESM + CommonJS | Bundled | Icons, React |
| fantasticon Icon font generation tool | 125.9k | +77% | - | 8 months ago 4.1.0 | ESM + CommonJS | Bundled | Icons | |
| @untitled-ui/icons-react A React package for Untitled-UI icons | 115.1k | - | - | - | 1 year ago 0.1.4 | ESM + CommonJS | Bundled | Icons, React |
| @central-icons-react/round-filled-radius-2-stroke-1.5 A collection of round filled React icons with 2px radius and 1.5px stroke width, designed for use in React applications. | 113k | - | - | - | 1 day ago 1.2.1 | ESM + CommonJS | Bundled | Icons, React |
| iconoir-react React library for Iconoir, the biggest open source icon library with tons of free icons. | 112.1k | +273% | - | 1 month ago 7.12.1 | ESM + CommonJS | Bundled | Icons, React | |
| @material-symbols/svg-400 Latest optimized SVGs with weight 400 for Material Symbols. | 110.2k | - | - | - | 3 days ago 0.47.5 | - | None | Icons |
| @carbon/icons Icons for digital and software products using the Carbon Design System | 109.3k | - | - | - | 1 day ago 11.89.0 | ESM + CommonJS | None | Icons, React |
| @react-native-vector-icons/material-design-icons Material Design Icons font for react native vector icons | 109.1k | - | - | - | 17 days ago 13.1.4 | ESM + CommonJS | Bundled | Icons, React |
| @primer/octicons-react A scalable set of icons handcrafted with <3 by GitHub. | 103.5k | - | - | - | 6 days ago 19.38.0 | ESM + CommonJS | Bundled | Icons, React |
| @react-native-vector-icons/ionicons Ionicons font for react native vector icons | 101.8k | - | - | - | 17 days ago 13.1.4 | ESM + CommonJS | Bundled | Icons, React |
| @thesvg/react Typed React SVG components for all 6,500+ brand icons from thesvg.org | 101.1k | - | - | - | 7 days ago 3.3.8 | ESM + CommonJS | Bundled | Icons, React |
| @ng-icons/core <img width="600" alt="logo" src="https://github.com/ng-icons/ng-icons/assets/20795331/8781b0a9-2c8a-4a7f-9afd-13e47d14cffe"> | 98.2k | - | - | - | 22 days ago 36.0.0 | ESM only | Bundled | Icons, Angular |
| vue-material-design-icons A collection of material design icons as Vue single file components | 97.4k | +117% | - | 1 year ago 5.3.1 | - | None | Icons, Vue | |
| @syncfusion/ej2-layouts A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. | 94k | - | - | - | 10 days ago 34.2.8 | ESM + CommonJS | Bundled | Accessibility, Icons |
| phosphor-react A clean and friendly icon family for React | 84.3k | +44% | - | 4 years ago 1.4.1 | ESM + CommonJS | Bundled | Icons, React | |
| svgtofont Converts SVG to TTF/EOT/WOFF/WOFF2/SVG format fonts. | 82.5k | +64% | - | 2 months ago 6.5.3 | ESM only | Bundled | Icons | |
| iconify-icon Icon web component that loads icon data on demand. Over 200,000 icons to choose from | 80.8k | +121% | - | - 3.0.3 | ESM + CommonJS | Bundled | Icons | |
| @wxt-dev/auto-icons WXT module for automatically generating extension icons in different sizes | 80.2k | - | - | - | 1 month ago 1.1.2 | ESM only | Bundled | Icons |
| @central-icons-react/round-filled-radius-2-stroke-2 A collection of round filled React icons with 2px radius and 2px stroke width, designed for use in React applications. | 77.4k | - | - | - | 1 day ago 1.2.1 | ESM + CommonJS | Bundled | Icons, React |
| flagpack-core Flagpack contains 250+ flag icons to easily use within your code project. Flagpack is an open source project and available for JavaScript frameworks/libraries React, Vue and Svelte. | 76.5k | +142% | - | 9 months ago 2.1.0 | CommonJS | Bundled | Icons, Vue | |
| @thesvg/icons Tree-shakeable SVG icon components and raw SVG strings from thesvg.org - 6,500+ brand icons | 75.6k | - | - | - | 7 days ago 3.3.8 | ESM + CommonJS | Bundled | Icons |
| devicon Programming related icons collection | 74.6k | +1007% | - | 1 year ago 2.17.0 | CommonJS | None | Icons | |
| react-bootstrap-icons React component for Bootstrap Icons | 73.3k | -19% | - | 1 year ago 1.11.6 | ESM + CommonJS | Bundled | Icons, React | |
| lucide-angular A Lucide icon library package for Angular applications. | 72.6k | +190% | - | - 1.0.0 | ESM + CommonJS | Bundled | Icons, Angular | |
| @coreui/icons-react Official React component for CoreUI Icons | 69.9k | - | - | - | 2 years ago 2.3.0 | ESM + CommonJS | Bundled | Icons, React |
| heroicons <p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-dark.svg"> <source media="(pref | 68.6k | +73% | - | - 2.2.0 | - | None | Icons | |
| react-icon-base base element for react-icons | 68.4k | -17% | - | 8 years ago 2.1.2 | ESM + CommonJS | None | Icons, React | |
| @central-icons-react/round-outlined-radius-3-stroke-2 A collection of round outlined React icons with 3px radius and 2px stroke width, designed for use in React applications. | 67.5k | - | - | - | 1 day ago 1.2.1 | ESM + CommonJS | Bundled | Icons, React |
| @atlaskit/icon-lab An icon package for public icon contributions | 67.1k | - | - | - | today 7.10.0 | ESM + CommonJS | Bundled | Icons |
| @phosphor-icons/web A clean and friendly icon family for web | 67k | - | - | - | 1 year ago 2.1.2 | CommonJS | None | Icons |
| @material-design-icons/svg Latest optimized SVGs for material design icons. | 66.7k | - | - | - | 1 year ago 0.14.15 | - | None | Icons |
| react-svg-credit-card-payment-icons React components library with 6 styles, 108 icons, TypeScript support, and a variety of types and formats for easy integration into React applications. | 65.6k | +304% | - | 3 months ago 6.0.4 | ESM + CommonJS | Bundled | Icons, React | |
| webfonts-loader A WebPack loader to automatically generate font files and CSS to make your own icon font | 62.3k | +243% | - | 1 year ago 8.1.1 | CommonJS | None | Bundler plugins and loaders, Icons |
12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.
- @quasar/extrasQuasar Framework fonts, icons and animations
- vite-plugin-icons-spritesheetVite plugin that generates a spritesheet and types out of your icons folder.
- react-file-iconReact component to render svg file icons
- @syncfusion/ej2-iconsA common package of Essential JS 2 base64 embed icons library
- @vaadin/iconWeb component for creating SVG icons
- @fortawesome/angular-fontawesomeAngular Fontawesome, an Angular library
- astro-iconThis **[Astro integration](https://docs.astro.build/en/guides/integrations-guide/)** provides a straight-forward `Icon` component for [Astro](https://astro.build).
- @esri/calcite-ui-iconsA collection of UI SVG icons created by Esri for applications.
- bootstrap-vueWith more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
- feather-iconsSimply beautiful open source icons
- material-design-iconsMaterial Design icons by Google
- material-design-icons-iconfontMaterial Design Icons DX
- @central-icons-react/round-outlined-radius-2-stroke-1.5A collection of round outlined React icons with 2px radius and 1.5px stroke width, designed for use in React applications.
- svg-spriteSVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
- phosphor-react-nativeFlexible icons for React Native
- remixiconRemix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.
- lucide-solidA Lucide icon library package for Solid applications.
- @untitledui/file-iconsOfficial React library for Untitled UI File Icons
- fantasticonIcon font generation tool
- @untitled-ui/icons-reactA React package for Untitled-UI icons
- @central-icons-react/round-filled-radius-2-stroke-1.5A collection of round filled React icons with 2px radius and 1.5px stroke width, designed for use in React applications.
- iconoir-reactReact library for Iconoir, the biggest open source icon library with tons of free icons.
- @material-symbols/svg-400Latest optimized SVGs with weight 400 for Material Symbols.
- @carbon/iconsIcons for digital and software products using the Carbon Design System
- @react-native-vector-icons/material-design-iconsMaterial Design Icons font for react native vector icons
- @primer/octicons-reactA scalable set of icons handcrafted with <3 by GitHub.
- @react-native-vector-icons/ioniconsIonicons font for react native vector icons
- @thesvg/reactTyped React SVG components for all 6,500+ brand icons from thesvg.org
- @ng-icons/core<img width="600" alt="logo" src="https://github.com/ng-icons/ng-icons/assets/20795331/8781b0a9-2c8a-4a7f-9afd-13e47d14cffe">
- vue-material-design-iconsA collection of material design icons as Vue single file components
- @syncfusion/ej2-layoutsA package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.
- phosphor-reactA clean and friendly icon family for React
- svgtofontConverts SVG to TTF/EOT/WOFF/WOFF2/SVG format fonts.
- iconify-iconIcon web component that loads icon data on demand. Over 200,000 icons to choose from
- @wxt-dev/auto-iconsWXT module for automatically generating extension icons in different sizes
- @central-icons-react/round-filled-radius-2-stroke-2A collection of round filled React icons with 2px radius and 2px stroke width, designed for use in React applications.
- flagpack-coreFlagpack contains 250+ flag icons to easily use within your code project. Flagpack is an open source project and available for JavaScript frameworks/libraries React, Vue and Svelte.
- @thesvg/iconsTree-shakeable SVG icon components and raw SVG strings from thesvg.org - 6,500+ brand icons
- deviconProgramming related icons collection
- react-bootstrap-iconsReact component for Bootstrap Icons
- lucide-angularA Lucide icon library package for Angular applications.
- @coreui/icons-reactOfficial React component for CoreUI Icons
- heroicons<p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-dark.svg"> <source media="(pref
- react-icon-basebase element for react-icons
- @central-icons-react/round-outlined-radius-3-stroke-2A collection of round outlined React icons with 3px radius and 2px stroke width, designed for use in React applications.
- @atlaskit/icon-labAn icon package for public icon contributions
- @phosphor-icons/webA clean and friendly icon family for web
- @material-design-icons/svgLatest optimized SVGs for material design icons.
- react-svg-credit-card-payment-iconsReact components library with 6 styles, 108 icons, TypeScript support, and a variety of types and formats for easy integration into React applications.
- webfonts-loaderA WebPack loader to automatically generate font files and CSS to make your own icon font
- react-feather vs iconoir-react
- @icons-pack/react-simple-icons vs react-feather
- iconoir-react vs @thesvg/react
- @phosphor-icons/react vs react-feather
- @phosphor-icons/react vs iconoir-react
- simple-icons vs iconoir-react
- @icons-pack/react-simple-icons vs iconoir-react
- react-feather vs @thesvg/react
- @phosphor-icons/react vs @icons-pack/react-simple-icons
- lucide-react vs @phosphor-icons/react
- lucide-react vs @icons-pack/react-simple-icons
- flag-icons vs svg-sprite
- simple-icons vs @primer/octicons
- @tabler/icons vs iconoir-react
- @tabler/icons vs simple-icons