iconify prerendered
1.0.0
[! IMPORTANTE] Este proyecto es mantenido por el desarrollador de Ucrania?
Hago mi mejor esfuerzo, pero debido a la invasión en curso a gran escala de Rusia de Ucrania, apenas tengo la energía para apoyar proyectos de código abierto.
Si mi trabajo le ha sido útil, considere apoyar a Ucrania o a mí personalmente. ¡Incluso tus $ 1 tiene un impacto!
Un icono independiente Superset para Vue con cero dependencias. Diseñado para facilitar el uso y alto rendimiento.
Demo en vivo : https://stackblitz.com/edit/iconify-perendered-demo?file=src%2fapp.vue
Instale el conjunto de iconos apropiado
npm i @iconify-prerendered/vue-<icon-set-name>
# Bootstrap Icons
npm i @iconify-prerendered/vue-bi
# Material Design Icons
npm i @iconify-prerendered/vue-mdi
Importar componente de iconos desde un conjunto como de costumbre.
< script setup>
// Import two icons from Font Awesome Brands
import { IconVuejs , IconJs } from ' @iconify-prerendered/vue-fa-brands ' ;
// Import one Icon from Material Design icons
import { IconCardsHeart } from ' @iconify-prerendered/vue-mdi ' ;
</ script >
< template >
< p >
< IconJs />
< IconCardsHeart />
< IconVuejs />
</ p >
</ template >Solo estos tres íconos se incluirán en su paquete. Su Bundler puede sacudir a todos los demás íconos.
Eso es todo lo que necesitas. Sin complementos, configuraciones adicionales, extensiones IDE o algo más.
Por defecto, todos los íconos tienen solo dos atributos: role="img" y aria-hidden="true" . Si bien es libre de redefinir estos atributos o agregar nuevos para cada icono, es posible que desee aplicar ciertos atributos, como class o style , a todos los íconos dentro de un conjunto.
Para lograr esto, puede reexportar iconos a través de un new Proxy e incluir atributos predeterminados
import * as defaultIcons from '@iconify-prerendered/vue-mdi' ;
// accessing to icon through this Proxy will add additional attributes
export const themedIcons = new Proxy ( { } as typeof defaultIcons , {
get ( _ , iconKey : keyof typeof defaultIcons ) {
return ( ) =>
defaultIcons [ iconKey ] ( {
class : 'pre-defined-class' ,
// ... any other attributes
} ) ;
} ,
} ) ; | Conjunto de iconos | Paquete | Última modificación |
|---|---|---|
| Academicons | @iconify-prerendered/vue-academicons | 28 de septiembre de 2024 |
| Íconos de Akar | @iconify-prerendered/vue-akar-icons | 4 de agosto de 2024 |
| Íconos de diseño de hormigas | @iconify-prerendered/vue-ant-design | 16 de diciembre de 2024 |
| Arcticons | @iconify-prerendered/vue-arcticons | 28 de diciembre de 2024 |
| Albahaca | @iconify-prerendered/vue-basil | 4 de agosto de 2024 |
| Íconos de bitcoin | @iconify-prerendered/vue-bitcoin-icons | 4 de agosto de 2024 |
| Íconos de arranque | @iconify-prerendered/vue-bi | 5 de enero de 2024 |
| Boxicones | @iconify-prerendered/vue-bx | 4 de agosto de 2024 |
| Logotipo de Boxicons | @iconify-prerendered/vue-bxl | 4 de agosto de 2024 |
| Boxicons Solid | @iconify-prerendered/vue-bxs | 4 de agosto de 2024 |
| Bpmn | @iconify-prerendered/vue-bpmn | 4 de agosto de 2024 |
| Brandico | @iconify-prerendered/vue-brandico | 4 de agosto de 2024 |
| Bytese íconos | @iconify-prerendered/vue-bytesize | 4 de agosto de 2024 |
| Carbón | @iconify-prerendered/vue-carbon | 26 de octubre de 2024 |
| Íconos de catppuccina | @iconify-prerendered/vue-catppuccin | 3 de diciembre de 2024 |
| Iconos de encanto | @iconify-prerendered/vue-charm | 4 de agosto de 2024 |
| Banderas de círculo | @iconify-prerendered/vue-circle-flags | 12 de diciembre de 2024 |
| Circunstancia | @iconify-prerendered/vue-circum | 22 de abril de 2024 |
| Claridad | @iconify-prerendered/vue-clarity | 3 de junio de 2024 |
| Iconos de códice | @iconify-prerendered/vue-codex | 27 de diciembre de 2024 |
| Codicones | @iconify-prerendered/vue-codicon | 12 de diciembre de 2024 |
| Coolicons | @iconify-prerendered/vue-ci | 4 de agosto de 2024 |
| Marcas Coreui | @iconify-prerendered/vue-cib | 25 de julio de 2024 |
| Banderas de Coreui | @iconify-prerendered/vue-cif | 25 de julio de 2024 |
| Coreui gratis | @iconify-prerendered/vue-cil | 25 de julio de 2024 |
| Íconos covid | @iconify-prerendered/vue-covid | 4 de agosto de 2024 |
| Íconos de color de criptomonedas | @iconify-prerendered/vue-cryptocurrency-color | 4 de agosto de 2024 |
| Íconos de criptomonedas | @iconify-prerendered/vue-cryptocurrency | 4 de agosto de 2024 |
| css.gg | @iconify-prerendered/vue-gg | 4 de agosto de 2024 |
| Íconos de cuida | @iconify-prerendered/vue-cuida | 3 de octubre de 2024 |
| Iconos de marca personalizados | @iconify-prerendered/vue-cbi | 19 de noviembre de 2024 |
| Pashicones | @iconify-prerendered/vue-dashicons | 27 de mayo de 2024 |
| Devicón | @iconify-prerendered/vue-devicon | 26 de diciembre de 2024 |
| Devicon Plain | @iconify-prerendered/vue-devicon-plain | 26 de diciembre de 2024 |
| Duoicones | @iconify-prerendered/vue-duo-icons | 28 de septiembre de 2024 |
| Elegante | @iconify-prerendered/vue-et | 4 de agosto de 2024 |
| Elemento más | @iconify-prerendered/vue-ep | 11 de marzo de 2024 |
| Iconos esquivos | @iconify-prerendered/vue-el | 4 de agosto de 2024 |
| Emoji uno (color) | @iconify-prerendered/vue-emojione | 4 de agosto de 2024 |
| Emoji uno (monótono) | @iconify-prerendered/vue-emojione-monotone | 4 de agosto de 2024 |
| Emoji uno (V1) | @iconify-prerendered/vue-emojione-v1 | 4 de agosto de 2024 |
| Entypo+ | @iconify-prerendered/vue-entypo | 4 de agosto de 2024 |
| Entypo+ Social | @iconify-prerendered/vue-entypo-social | 4 de agosto de 2024 |
| Íconos de eos | @iconify-prerendered/vue-eos-icons | 4 de agosto de 2024 |
| Íconos de eva | @iconify-prerendered/vue-eva | 4 de agosto de 2024 |
| Iconos malvados | @iconify-prerendered/vue-ei | 4 de agosto de 2024 |
| Famicones | @iconify-prerendered/vue-famicons | 27 de diciembre de 2024 |
| Icono de plumas | @iconify-prerendered/vue-fe | 4 de agosto de 2024 |
| Íconos de plumas | @iconify-prerendered/vue-feather | 4 de agosto de 2024 |
| Iconos de archivo | @iconify-prerendered/vue-file-icons | 17 de julio de 2024 |
| Firefox os emoji | @iconify-prerendered/vue-fxemoji | 4 de agosto de 2024 |
| Íconos de la bandera | @iconify-prerendered/vue-flag | 7 de octubre de 2024 |
| Bandera | @iconify-prerendered/vue-flagpack | 4 de agosto de 2024 |
| Íconos de color plano | @iconify-prerendered/vue-flat-color-icons | 4 de agosto de 2024 |
| Iconos de interfaz de usuario plano | @iconify-prerendered/vue-flat-ui | 4 de agosto de 2024 |
| Íconos de biz de flujo | @iconify-prerendered/vue-flowbite | 11 de octubre de 2024 |
| Emoji fluido | @iconify-prerendered/vue-fluent-emoji | 3 de octubre de 2024 |
| Fluido de emoji | @iconify-prerendered/vue-fluent-emoji-flat | 3 de octubre de 2024 |
| Emoji fluido alto contraste | @iconify-prerendered/vue-fluent-emoji-high-contrast | 3 de octubre de 2024 |
| Ui mdl2 fluido | @iconify-prerendered/vue-fluent-mdl2 | 7 de abril de 2024 |
| Íconos de color del sistema de interfaz de usuario fluido | @iconify-prerendered/vue-fluent-color | 16 de diciembre de 2024 |
| Íconos del sistema de interfaz de usuario fluido | @iconify-prerendered/vue-fluent | 16 de diciembre de 2024 |
| Fuente impresionante 4 | @iconify-prerendered/vue-fa | 11 de diciembre de 2023 |
| Font Awesome 5 marcas | @iconify-prerendered/vue-fa-brands | 4 de agosto de 2024 |
| Fuente impresionante 5 regular | @iconify-prerendered/vue-fa-regular | 4 de agosto de 2024 |
| Fuente impresionante 5 sólido | @iconify-prerendered/vue-fa-solid | 4 de agosto de 2024 |
| Fontas increíbles | @iconify-prerendered/vue-fa6-brands | 17 de diciembre de 2024 |
| Fuente impresionante regular | @iconify-prerendered/vue-fa6-regular | 19 de noviembre de 2024 |
| Fuente Awesome Solid | @iconify-prerendered/vue-fa6-solid | 19 de noviembre de 2024 |
| Font-gis | @iconify-prerendered/vue-gis | 1 de agosto de 2024 |
| Fuga | @iconify-prerendered/vue-fad | 4 de agosto de 2024 |
| Fontélico | @iconify-prerendered/vue-fontelico | 4 de agosto de 2024 |
| Fontisto | @iconify-prerendered/vue-fontisto | 4 de agosto de 2024 |
| Íconos de formkit | @iconify-prerendered/vue-formkit | 9 de abril de 2024 |
| Base | @iconify-prerendered/vue-foundation | 4 de agosto de 2024 |
| Iconos marco7 | @iconify-prerendered/vue-f7 | 4 de agosto de 2024 |
| Íconos de gala | @iconify-prerendered/vue-gala | 26 de noviembre de 2023 |
| Íconos del juego | @iconify-prerendered/vue-game-icons | 7 de abril de 2024 |
| Iconos de jardín svg | @iconify-prerendered/vue-garden | 27 de diciembre de 2024 |
| Geoglifos | @iconify-prerendered/vue-geo | 4 de agosto de 2024 |
| Gitlab svgs | @iconify-prerendered/vue-pajamas | 14 de noviembre de 2024 |
| Íconos de material de Google | @iconify-prerendered/vue-ic | 4 de agosto de 2024 |
| Íconos de la interfaz de usuario de la gravedad | @iconify-prerendered/vue-gravity-ui | 16 de diciembre de 2024 |
| Gridicons | @iconify-prerendered/vue-gridicons | 4 de agosto de 2024 |
| Iconos de arandela | @iconify-prerendered/vue-grommet-icons | 27 de mayo de 2024 |
| Guía | @iconify-prerendered/vue-guidance | 4 de agosto de 2024 |
| Íconos de la salud | @iconify-prerendered/vue-healthicons | 28 de diciembre de 2024 |
| Heroicones | @iconify-prerendered/vue-heroicons | 25 de julio de 2024 |
| Heroicons v1 esquema | @iconify-prerendered/vue-heroicons-outline | 4 de agosto de 2024 |
| Heroicons v1 sólido | @iconify-prerendered/vue-heroicons-solid | 4 de agosto de 2024 |
| Íconos enormes | @iconify-prerendered/vue-hugeicons | 21 de diciembre de 2024 |
| Humbleicons | @iconify-prerendered/vue-humbleicons | 23 de diciembre de 2024 |
| Icalicons | @iconify-prerendered/vue-il | 11 de diciembre de 2023 |
| Icomoon gratis | @iconify-prerendered/vue-icomoon-free | 4 de agosto de 2024 |
| Iconamoon | @iconify-prerendered/vue-iconamoon | 4 de agosto de 2024 |
| Iconoir | @iconify-prerendered/vue-iconoir | 28 de diciembre de 2024 |
| Parque iconal | @iconify-prerendered/vue-icon-park | 26 de noviembre de 2023 |
| Esquema de iconpark | @iconify-prerendered/vue-icon-park-outline | 4 de agosto de 2024 |
| Iconpark sólido | @iconify-prerendered/vue-icon-park-solid | 4 de agosto de 2024 |
| Iconpark dos | @iconify-prerendered/vue-icon-park-twotone | 4 de agosto de 2024 |
| Icons8 iconos de Windows 10 | @iconify-prerendered/vue-icons8 | 4 de agosto de 2024 |
| Icons8 iconos de Windows 8 | @iconify-prerendered/vue-wpf | 4 de agosto de 2024 |
| Fuente de Indowatio | @iconify-prerendered/vue-iwwa | 4 de agosto de 2024 |
| Ionicones | @iconify-prerendered/vue-ion | 2 de mayo de 2024 |
| Iconos de mermelada | @iconify-prerendered/vue-jam | 4 de agosto de 2024 |
| Vamos íconos | @iconify-prerendered/vue-lets-icons | 4 de agosto de 2024 |
| Símbolos de ligadura | @iconify-prerendered/vue-ls | 4 de agosto de 2024 |
| Línea impresionante | @iconify-prerendered/vue-la | 4 de agosto de 2024 |
| Lineicons | @iconify-prerendered/vue-lineicons | 26 de octubre de 2024 |
| Lsicon | @iconify-prerendered/vue-lsicon | 3 de octubre de 2024 |
| Lucide | @iconify-prerendered/vue-lucide | 21 de diciembre de 2024 |
| Laboratorio de lucide | @iconify-prerendered/vue-lucide-lab | 9 de noviembre de 2024 |
| Íconos de mago | @iconify-prerendered/vue-mage | 4 de agosto de 2024 |
| Majesticones | @iconify-prerendered/vue-majesticons | 4 de agosto de 2024 |
| Maki | @iconify-prerendered/vue-maki | 16 de diciembre de 2024 |
| Íconos de mapa | @iconify-prerendered/vue-map | 4 de agosto de 2024 |
| Marketeq | @iconify-prerendered/vue-marketeq | 4 de abril de 2024 |
| Diseño de material Fuente icónica | @iconify-prerendered/vue-zmdi | 11 de diciembre de 2023 |
| Iconos de diseño de material | @iconify-prerendered/vue-mdi | 20 de junio de 2024 |
| Luz de diseño de material | @iconify-prerendered/vue-mdi-light | 4 de agosto de 2024 |
| Iconos de línea de material | @iconify-prerendered/vue-line-md | 9 de diciembre de 2024 |
| Símbolos de material | @iconify-prerendered/vue-material-symbols | 6 de diciembre de 2024 |
| Símbolos de material luz | @iconify-prerendered/vue-material-symbols-light | 6 de diciembre de 2024 |
| Íconos médicos | @iconify-prerendered/vue-medical-icon | 4 de agosto de 2024 |
| Iconos de memoria | @iconify-prerendered/vue-memory | 2 de enero de 2024 |
| Meteocons | @iconify-prerendered/vue-meteocons | 1 de julio de 2024 |
| Íconos de meteorito | @iconify-prerendered/vue-meteor-icons | 9 de noviembre de 2024 |
| Icono mingcute | @iconify-prerendered/vue-mingcute | 23 de diciembre de 2024 |
| Iconos mono | @iconify-prerendered/vue-mi | 4 de agosto de 2024 |
| Iconos mono | @iconify-prerendered/vue-mono-icons | 4 de agosto de 2024 |
| Iconos de myna ui | @iconify-prerendered/vue-mynaui | 25 de noviembre de 2024 |
| Nimbo | @iconify-prerendered/vue-nimbus | 4 de agosto de 2024 |
| Nonicons | @iconify-prerendered/vue-nonicons | 16 de diciembre de 2024 |
| Noto emoji | @iconify-prerendered/vue-noto | 7 de octubre de 2024 |
| Noto emoji (V1) | @iconify-prerendered/vue-noto-v1 | 4 de agosto de 2024 |
| Iconos núcleo nrk | @iconify-prerendered/vue-nrk | 14 de noviembre de 2024 |
| Octicones | @iconify-prerendered/vue-octicon | 6 de diciembre de 2024 |
| Oui | @iconify-prerendered/vue-ooui | 21 de diciembre de 2024 |
| Abierto icónico | @iconify-prerendered/vue-oi | 4 de agosto de 2024 |
| Openmoji | @iconify-prerendered/vue-openmoji | 23 de octubre de 2024 |
| OpenSearch UI | @iconify-prerendered/vue-oui | 2 de noviembre de 2024 |
| Pepicones | @iconify-prerendered/vue-pepicons | 2 de enero de 2023 |
| Lápiz Pepicons | @iconify-prerendered/vue-pepicons-pencil | 4 de agosto de 2024 |
| Pepicons Pop! | @iconify-prerendered/vue-pepicons-pop | 4 de agosto de 2024 |
| Impresión de Pepicons | @iconify-prerendered/vue-pepicons-print | 4 de agosto de 2024 |
| Fósforo | @iconify-prerendered/vue-ph | 6 de mayo de 2024 |
| Pixelarticons | @iconify-prerendered/vue-pixelarticons | 18 de abril de 2024 |
| Iconos de prestashop | @iconify-prerendered/vue-ps | 4 de agosto de 2024 |
| Iconos primos | @iconify-prerendered/vue-prime | 9 de mayo de 2024 |
| Proicons | @iconify-prerendered/vue-proicons | 16 de diciembre de 2024 |
| Íconos de qlementine | @iconify-prerendered/vue-qlementine-icons | 25 de noviembre de 2024 |
| Iconos de pluma | @iconify-prerendered/vue-quill | 4 de agosto de 2024 |
| Iconos de radix | @iconify-prerendered/vue-radix-icons | 4 de agosto de 2024 |
| Rafael | @iconify-prerendered/vue-raphael | 4 de agosto de 2024 |
| Icono remix | @iconify-prerendered/vue-ri | 17 de diciembre de 2024 |
| Iconos de remaches | @iconify-prerendered/vue-rivet-icons | 20 de junio de 2024 |
| Íconos de sargam | @iconify-prerendered/vue-si | 8 de octubre de 2024 |
| Íconos de experiencia industrial Siemens | @iconify-prerendered/vue-ix | 9 de noviembre de 2024 |
| Iconos simples | @iconify-prerendered/vue-simple-icons | 23 de diciembre de 2024 |
| Iconos de línea simples | @iconify-prerendered/vue-simple-line-icons | 4 de agosto de 2024 |
| Íconos de habilidades | @iconify-prerendered/vue-skill-icons | 17 de julio de 2024 |
| Glyph Smarticons | @iconify-prerendered/vue-si-glyph | 4 de agosto de 2024 |
| Solar | @iconify-prerendered/vue-solar | 4 de agosto de 2024 |
| Íconos de alijo | @iconify-prerendered/vue-stash | 8 de octubre de 2024 |
| Línea de corriente | @iconify-prerendered/vue-streamline | 4 de agosto de 2024 |
| Racionalizar emojis | @iconify-prerendered/vue-streamline-emojis | 4 de agosto de 2024 |
| Conjunto de icono del metro | @iconify-prerendered/vue-subway | 3 de junio de 2024 |
| Logotipos de SVG | @iconify-prerendered/vue-logos | 3 de octubre de 2024 |
| SVG Spinners | @iconify-prerendered/vue-svg-spinners | 15 de enero de 2023 |
| Uicones del sistema | @iconify-prerendered/vue-system-uicons | 4 de agosto de 2024 |
| Íconos de tablas | @iconify-prerendered/vue-tabler | 16 de diciembre de 2024 |
| Íconos de tdesign | @iconify-prerendered/vue-tdesign | 28 de noviembre de 2024 |
| Teenyicons | @iconify-prerendered/vue-teenyicons | 4 de agosto de 2024 |
| Iconos de abrigo | @iconify-prerendered/vue-topcoat | 4 de agosto de 2024 |
| Emoji de Twitter | @iconify-prerendered/vue-twemoji | 4 de agosto de 2024 |
| Tipones | @iconify-prerendered/vue-typcn | 4 de agosto de 2024 |
| UIW íconos | @iconify-prerendered/vue-uiw | 24 de junio de 2024 |
| Unicons | @iconify-prerendered/vue-uil | 17 de diciembre de 2024 |
| Unicons monocromo | @iconify-prerendered/vue-uim | 17 de diciembre de 2024 |
| Unicons sólido | @iconify-prerendered/vue-uis | 17 de diciembre de 2024 |
| Unicons delgada línea | @iconify-prerendered/vue-uit | 17 de diciembre de 2024 |
| Logotipos de UNJS | @iconify-prerendered/vue-unjs | 17 de julio de 2024 |
| Íconos de vaadin | @iconify-prerendered/vue-vaadin | 4 de agosto de 2024 |
| Íconos de Vesper | @iconify-prerendered/vue-vs | 11 de diciembre de 2023 |
| Íconos de Vscode | @iconify-prerendered/vue-vscode-icons | 16 de diciembre de 2024 |
| Íconos del clima | @iconify-prerendered/vue-wi | 4 de agosto de 2024 |
| Símbolos web liga | @iconify-prerendered/vue-websymbol | 11 de diciembre de 2023 |
| Iconos web3 | @iconify-prerendered/vue-token | 19 de diciembre de 2024 |
| Iconos web3 marcados | @iconify-prerendered/vue-token-branded | 19 de diciembre de 2024 |
| Glifos webhostinghub | @iconify-prerendered/vue-whh | 4 de agosto de 2024 |
| Icono de Weui | @iconify-prerendered/vue-weui | 20 de junio de 2024 |
| Zondicones | @iconify-prerendered/vue-zondicons | 4 de agosto de 2024 |
El código para generar los conjuntos de iconos se distribuye bajo la licencia MIT. Los conjuntos de iconos en sí se distribuyen bajo la licencia de su autor.
deno task generate para generar todas las colecciones. Parámetros:--version o -v especificar la base de la versión para paquetes generados. Opcional.--prefix o -p especificar con una colección para generar. Tal vez varias veces. Opcional.--no-replace-ids deshabilitan las ID de reemplazo. Requerido para un caso de prueba. Opcional.--output o -o directorio para colocar archivos generados. Opcional.deno task test para ejecutar todas las pruebas. Vea más sobre la ejecución de la prueba. Puede comparar dos versiones de conjuntos de iconos. Para hacer eso:
deno task generate -p=fluent-emoji -o=benckmarks/generated/baselinedeno task generate -p=fluent-emoji -o=benckmarks/generated/testdeno bench --allow-env
