Vue Feather Icons
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Bootstrap Vue | 14,417 |  | 4,605 | 1,050 | a month ago | 170 | October 26, 2022 | 189 | mit | JavaScript |
| BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup. | ||||||||||
| Buefy | 9,497 |  | 1,084 | 230 | 11 days ago | 94 | September 26, 2023 | 73 | mit | Vue |
| Lightweight UI components for Vue.js based on Bulma | ||||||||||
| Vitesse | 8,203 | 4 days ago | 22 | mit | TypeScript | |||||
| 🏕 Opinionated Vite + Vue Starter Template | ||||||||||
| Iconpark | 6,931 |  | 68 | 9 months ago | 35 | July 04, 2022 | 493 | apache-2.0 | TypeScript | |
| 🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons | ||||||||||
| Lucide | 6,669 |  | 613 | a day ago | 335 | November 28, 2023 | 173 | isc | JavaScript | |
| Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. | ||||||||||
| Icones | 4,287 | 2 days ago | 2 | March 31, 2023 | 30 | mit | Vue | |||
| ⚡️ Icon Explorer with Instant searching, powered by Iconify | ||||||||||
| Iconify | 3,233 |  | 572 | 4 days ago | 21 | September 08, 2022 | 12 | mit | TypeScript | |
| Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 150 icon sets and 200k icons). SVG framework, React, Vue and Svelte components! | ||||||||||
| Coreui Free Vue Admin Template | 3,187 | 5 days ago | 2 | mit | Vue | |||||
| Open source admin template based on Bootstrap 5 and Vue 3 | ||||||||||
| Unplugin Icons | 3,144 |  | 325 | 2 days ago | 79 | November 29, 2023 | 69 | mit | TypeScript | |
| 🤹 Access thousands of icons as components on-demand universally. | ||||||||||
| Vuejs Datepicker | 2,599 |  | 554 | 177 | 4 months ago | 144 | June 24, 2019 | 263 | mit | JavaScript |
| A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations | ||||||||||
vue-feather-icons
Install
yarn add vue-feather-icons
Usage
// Only import what you need!
import { AirplayIcon, AtSignIcon, ... } from 'vue-feather-icons'
See all icons and usage here: https://vue-feather-icons.egoist.dev
Sizing
By default, icons will be sized based on the font size of the parent element.
You can set a custom size using the size attribute.
For multiple based sizing, pass the desired multiple followed by an x.
<activity-icon size="1.5x" class="custom-class"></activity-icon>
You can also set a px size directly by just passing an integer
<activity-icon size="25" class="custom-class"></activity-icon>
Tree shaking
By using ES imports like import { AirplayIcon } from 'vue-feather-icons' with webpack + minifier or Rollup, unused exports in this module will be automatically eliminated.
To make webpack tree shaking work without using any minifier, you can use the per-file icons from icons directory, e.g. import AirplayIcon from 'vue-feather-icons/icons/AirplayIcon'.
Related
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
Author
vue-feather-icons © egoist, Released under the MIT License.
Authored and maintained by egoist with help from contributors (list).
egoist.dev · GitHub @egoist · Twitter @poorlybatched
