iconify prerendered
1.0.0
[! IMPORTANTE] Este projeto é mantido pelo desenvolvedor da Ucrânia ??
Faço o meu melhor, mas devido à invasão em grande escala da Rússia na Ucrânia, mal tenho energia para apoiar projetos de código aberto.
Se meu trabalho tiver sido útil para você, considere apoiar a Ucrânia ou eu pessoalmente. Até o seu $ 1 tem um impacto!
Um componente de ícone independente do Superset para Vue com zero dependências. Projetado para facilitar o uso e alto desempenho.
Demonstração ao vivo : https://stackblitz.com/edit/iconify-prerended-demo?file=src%2fapp.vue
Instale o conjunto de ícones apropriado
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 ícone de um conjunto como de costume.
< 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 >Somente esses três ícones serão incluídos em seu pacote. Seu empurrador pode fazer um golpe de árvore em todos os outros ícones.
Isso é tudo que você precisa. Sem plugins, configurações extras, extensões de IDE ou outra coisa.
Por padrão, todos os ícones têm apenas dois atributos: role="img" e aria-hidden="true" . Embora você esteja livre para redefinir esses atributos ou adicionar novos para cada ícone, convém aplicar certos atributos, como class ou style , a todos os ícones dentro de um conjunto.
Para conseguir isso, você pode reexportar ícones através de um new Proxy e incluir atributos padrão
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 ícones | Pacote | Último modificado |
|---|---|---|
| Acadêmicos | @iconify-prerendered/vue-academicons | 28 de setembro de 2024 |
| Ícones Akar | @iconify-prerendered/vue-akar-icons | 4 de agosto de 2024 |
| Ícones de design de formigas | @iconify-prerendered/vue-ant-design | 16 de dezembro de 2024 |
| Arcticons | @iconify-prerendered/vue-arcticons | 28 de dezembro de 2024 |
| Manjericão | @iconify-prerendered/vue-basil | 4 de agosto de 2024 |
| Ícones de Bitcoin | @iconify-prerendered/vue-bitcoin-icons | 4 de agosto de 2024 |
| Ícones de bootstrap | @iconify-prerendered/vue-bi | 5 de janeiro de 2024 |
| Boxicons | @iconify-prerendered/vue-bx | 4 de agosto de 2024 |
| Logotipo 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 |
| Ícones de bytesize | @iconify-prerendered/vue-bytesize | 4 de agosto de 2024 |
| Carbono | @iconify-prerendered/vue-carbon | 26 de outubro de 2024 |
| Ícones de catppuccin | @iconify-prerendered/vue-catppuccin | 3 de dezembro de 2024 |
| Ícones de charme | @iconify-prerendered/vue-charm | 4 de agosto de 2024 |
| Bandeiras de círculo | @iconify-prerendered/vue-circle-flags | 12 de dezembro de 2024 |
| Ícones circulaados | @iconify-prerendered/vue-circum | 22 de abril de 2024 |
| Clareza | @iconify-prerendered/vue-clarity | 3 de junho de 2024 |
| Ícones do Codex | @iconify-prerendered/vue-codex | 27 de dezembro de 2024 |
| Codicons | @iconify-prerendered/vue-codicon | 12 de dezembro de 2024 |
| Coolicons | @iconify-prerendered/vue-ci | 4 de agosto de 2024 |
| Marcas Coreui | @iconify-prerendered/vue-cib | 25 de julho de 2024 |
| Sinalizadores Coreui | @iconify-prerendered/vue-cif | 25 de julho de 2024 |
| Coreui grátis | @iconify-prerendered/vue-cil | 25 de julho de 2024 |
| Ícones Covid | @iconify-prerendered/vue-covid | 4 de agosto de 2024 |
| Ícones de cor criptomoeda | @iconify-prerendered/vue-cryptocurrency-color | 4 de agosto de 2024 |
| Ícones de criptomoeda | @iconify-prerendered/vue-cryptocurrency | 4 de agosto de 2024 |
| css.gg | @iconify-prerendered/vue-gg | 4 de agosto de 2024 |
| Ícones de Cuida | @iconify-prerendered/vue-cuida | 3 de outubro de 2024 |
| Ícones de marca personalizados | @iconify-prerendered/vue-cbi | 19 de novembro de 2024 |
| DASHICONS | @iconify-prerendered/vue-dashicons | 27 de maio de 2024 |
| Devicon | @iconify-prerendered/vue-devicon | 26 de dezembro de 2024 |
| Devicon Plain | @iconify-prerendered/vue-devicon-plain | 26 de dezembro de 2024 |
| Duoicons | @iconify-prerendered/vue-duo-icons | 28 de setembro de 2024 |
| Elegante | @iconify-prerendered/vue-et | 4 de agosto de 2024 |
| Elemento plus | @iconify-prerendered/vue-ep | 11 de março de 2024 |
| Ícones indescritíveis | @iconify-prerendered/vue-el | 4 de agosto de 2024 |
| Emoji One (colorido) | @iconify-prerendered/vue-emojione | 4 de agosto de 2024 |
| Emoji um (monótono) | @iconify-prerendered/vue-emojione-monotone | 4 de agosto de 2024 |
| Emoji um (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 |
| Ícones EOS | @iconify-prerendered/vue-eos-icons | 4 de agosto de 2024 |
| Ícones de Eva | @iconify-prerendered/vue-eva | 4 de agosto de 2024 |
| Ícones do mal | @iconify-prerendered/vue-ei | 4 de agosto de 2024 |
| Famicons | @iconify-prerendered/vue-famicons | 27 de dezembro de 2024 |
| Ícone de penas | @iconify-prerendered/vue-fe | 4 de agosto de 2024 |
| Ícones de penas | @iconify-prerendered/vue-feather | 4 de agosto de 2024 |
| Ícones de arquivo | @iconify-prerendered/vue-file-icons | 17 de julho de 2024 |
| Firefox OS emoji | @iconify-prerendered/vue-fxemoji | 4 de agosto de 2024 |
| Ícones da bandeira | @iconify-prerendered/vue-flag | 7 de outubro de 2024 |
| Flagpack | @iconify-prerendered/vue-flagpack | 4 de agosto de 2024 |
| Ícones de cores planas | @iconify-prerendered/vue-flat-color-icons | 4 de agosto de 2024 |
| Ícones de interface do usuário plana | @iconify-prerendered/vue-flat-ui | 4 de agosto de 2024 |
| Ícones de Flowbite | @iconify-prerendered/vue-flowbite | 11 de outubro de 2024 |
| Emoji fluente | @iconify-prerendered/vue-fluent-emoji | 3 de outubro de 2024 |
| Emoji fluente | @iconify-prerendered/vue-fluent-emoji-flat | 3 de outubro de 2024 |
| Emoji de alto contraste fluente | @iconify-prerendered/vue-fluent-emoji-high-contrast | 3 de outubro de 2024 |
| UI Fluente MDL2 | @iconify-prerendered/vue-fluent-mdl2 | 7 de abril de 2024 |
| Ícones de cores do sistema de interface do usuário fluentes | @iconify-prerendered/vue-fluent-color | 16 de dezembro de 2024 |
| Ícones fluentes do sistema de interface do usuário | @iconify-prerendered/vue-fluent | 16 de dezembro de 2024 |
| Fonte Awesome 4 | @iconify-prerendered/vue-fa | 11 de dezembro de 2023 |
| Fonte Awesome 5 Brands | @iconify-prerendered/vue-fa-brands | 4 de agosto de 2024 |
| Fonte Awesome 5 regular | @iconify-prerendered/vue-fa-regular | 4 de agosto de 2024 |
| Fonte incrível 5 sólido | @iconify-prerendered/vue-fa-solid | 4 de agosto de 2024 |
| Fonts incríveis marcas | @iconify-prerendered/vue-fa6-brands | 17 de dezembro de 2024 |
| Fonte Awesome regular | @iconify-prerendered/vue-fa6-regular | 19 de novembro de 2024 |
| Fonte incrível sólido | @iconify-prerendered/vue-fa6-solid | 19 de novembro de 2024 |
| Fonte-gis | @iconify-prerendered/vue-gis | 1 de agosto de 2024 |
| Fontaudio | @iconify-prerendered/vue-fad | 4 de agosto de 2024 |
| Fontelico | @iconify-prerendered/vue-fontelico | 4 de agosto de 2024 |
| Fontisto | @iconify-prerendered/vue-fontisto | 4 de agosto de 2024 |
| Ícones formkit | @iconify-prerendered/vue-formkit | 9 de abril de 2024 |
| Fundação | @iconify-prerendered/vue-foundation | 4 de agosto de 2024 |
| Ícones da estrutura7 | @iconify-prerendered/vue-f7 | 4 de agosto de 2024 |
| Ícones de gala | @iconify-prerendered/vue-gala | 26 de novembro de 2023 |
| Ícones do jogo | @iconify-prerendered/vue-game-icons | 7 de abril de 2024 |
| Ícones do Jardim SVG | @iconify-prerendered/vue-garden | 27 de dezembro de 2024 |
| Geoglifos | @iconify-prerendered/vue-geo | 4 de agosto de 2024 |
| GitLab SVGS | @iconify-prerendered/vue-pajamas | 14 de novembro de 2024 |
| Ícones do Material do Google | @iconify-prerendered/vue-ic | 4 de agosto de 2024 |
| Ícones da UI da gravidade | @iconify-prerendered/vue-gravity-ui | 16 de dezembro de 2024 |
| Gridicons | @iconify-prerendered/vue-gridicons | 4 de agosto de 2024 |
| Ícones de ilhó | @iconify-prerendered/vue-grommet-icons | 27 de maio de 2024 |
| Orientação | @iconify-prerendered/vue-guidance | 4 de agosto de 2024 |
| Ícones de saúde | @iconify-prerendered/vue-healthicons | 28 de dezembro de 2024 |
| Heróicons | @iconify-prerendered/vue-heroicons | 25 de julho de 2024 |
| Esboço de Heroicons v1 | @iconify-prerendered/vue-heroicons-outline | 4 de agosto de 2024 |
| Heroicons v1 sólido | @iconify-prerendered/vue-heroicons-solid | 4 de agosto de 2024 |
| Ícones enormes | @iconify-prerendered/vue-hugeicons | 21 de dezembro de 2024 |
| Humildes | @iconify-prerendered/vue-humbleicons | 23 de dezembro de 2024 |
| ICicons | @iconify-prerendered/vue-il | 11 de dezembro de 2023 |
| ICOMOON FREE | @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 dezembro de 2024 |
| ICONPARK | @iconify-prerendered/vue-icon-park | 26 de novembro de 2023 |
| Esboço do 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 TWOTONE | @iconify-prerendered/vue-icon-park-twotone | 4 de agosto de 2024 |
| Icons8 ícones do Windows 10 | @iconify-prerendered/vue-icons8 | 4 de agosto de 2024 |
| Icons8 ícones do Windows 8 | @iconify-prerendered/vue-wpf | 4 de agosto de 2024 |
| Fonte Innowatio | @iconify-prerendered/vue-iwwa | 4 de agosto de 2024 |
| Ionicons | @iconify-prerendered/vue-ion | 2 de maio de 2024 |
| Ícones de geléia | @iconify-prerendered/vue-jam | 4 de agosto de 2024 |
| Deixe os ícones | @iconify-prerendered/vue-lets-icons | 4 de agosto de 2024 |
| Símbolos de ligadura | @iconify-prerendered/vue-ls | 4 de agosto de 2024 |
| Linha incrível | @iconify-prerendered/vue-la | 4 de agosto de 2024 |
| Lineicons | @iconify-prerendered/vue-lineicons | 26 de outubro de 2024 |
| Lsicon | @iconify-prerendered/vue-lsicon | 3 de outubro de 2024 |
| Lucide | @iconify-prerendered/vue-lucide | 21 de dezembro de 2024 |
| Lucide Lab | @iconify-prerendered/vue-lucide-lab | 9 de novembro de 2024 |
| Ícones de mago | @iconify-prerendered/vue-mage | 4 de agosto de 2024 |
| Majesticon | @iconify-prerendered/vue-majesticons | 4 de agosto de 2024 |
| Maki | @iconify-prerendered/vue-maki | 16 de dezembro de 2024 |
| Ícones do mapa | @iconify-prerendered/vue-map | 4 de agosto de 2024 |
| Marketeq | @iconify-prerendered/vue-marketeq | 4 de abril de 2024 |
| Fonte icônica de design de material | @iconify-prerendered/vue-zmdi | 11 de dezembro de 2023 |
| Ícones de design de material | @iconify-prerendered/vue-mdi | 20 de junho de 2024 |
| Luz de design de material | @iconify-prerendered/vue-mdi-light | 4 de agosto de 2024 |
| Ícones da linha de material | @iconify-prerendered/vue-line-md | 9 de dezembro de 2024 |
| Símbolos materiais | @iconify-prerendered/vue-material-symbols | 6 de dezembro de 2024 |
| Símbolos de material leve | @iconify-prerendered/vue-material-symbols-light | 6 de dezembro de 2024 |
| Ícones médicos | @iconify-prerendered/vue-medical-icon | 4 de agosto de 2024 |
| Ícones de memória | @iconify-prerendered/vue-memory | 2 de janeiro de 2024 |
| Meteocons | @iconify-prerendered/vue-meteocons | 1 de julho de 2024 |
| Ícones de meteoros | @iconify-prerendered/vue-meteor-icons | 9 de novembro de 2024 |
| Ícone MingCute | @iconify-prerendered/vue-mingcute | 23 de dezembro de 2024 |
| Ícones mono | @iconify-prerendered/vue-mi | 4 de agosto de 2024 |
| Ícones mono | @iconify-prerendered/vue-mono-icons | 4 de agosto de 2024 |
| Ícones da UI da myna | @iconify-prerendered/vue-mynaui | 25 de novembro de 2024 |
| Nimbus | @iconify-prerendered/vue-nimbus | 4 de agosto de 2024 |
| Não -boa | @iconify-prerendered/vue-nonicons | 16 de dezembro de 2024 |
| Noto emoji | @iconify-prerendered/vue-noto | 7 de outubro de 2024 |
| Noto emoji (v1) | @iconify-prerendered/vue-noto-v1 | 4 de agosto de 2024 |
| Ícones do NRK Core | @iconify-prerendered/vue-nrk | 14 de novembro de 2024 |
| Octicons | @iconify-prerendered/vue-octicon | 6 de dezembro de 2024 |
| OOUI | @iconify-prerendered/vue-ooui | 21 de dezembro de 2024 |
| Aberto icônico | @iconify-prerendered/vue-oi | 4 de agosto de 2024 |
| OpenMoji | @iconify-prerendered/vue-openmoji | 23 de outubro de 2024 |
| OpenSearch UI | @iconify-prerendered/vue-oui | 2 de novembro de 2024 |
| Pepicons | @iconify-prerendered/vue-pepicons | 2 de janeiro de 2023 |
| Pepicons Pencil | @iconify-prerendered/vue-pepicons-pencil | 4 de agosto de 2024 |
| Pepicons pop! | @iconify-prerendered/vue-pepicons-pop | 4 de agosto de 2024 |
| Impressão de Pepicons | @iconify-prerendered/vue-pepicons-print | 4 de agosto de 2024 |
| Fósforo | @iconify-prerendered/vue-ph | 6 de maio de 2024 |
| Pixelarticons | @iconify-prerendered/vue-pixelarticons | 18 de abril de 2024 |
| Ícones de Prestashop | @iconify-prerendered/vue-ps | 4 de agosto de 2024 |
| Ícones do Prime | @iconify-prerendered/vue-prime | 9 de maio de 2024 |
| Proicons | @iconify-prerendered/vue-proicons | 16 de dezembro de 2024 |
| Ícones de Qlementeine | @iconify-prerendered/vue-qlementine-icons | 25 de novembro de 2024 |
| Ícones de Quill | @iconify-prerendered/vue-quill | 4 de agosto de 2024 |
| Ícones da Radix | @iconify-prerendered/vue-radix-icons | 4 de agosto de 2024 |
| Raphael | @iconify-prerendered/vue-raphael | 4 de agosto de 2024 |
| Remix Icon | @iconify-prerendered/vue-ri | 17 de dezembro de 2024 |
| Ícones de rebite | @iconify-prerendered/vue-rivet-icons | 20 de junho de 2024 |
| Ícones de Sargam | @iconify-prerendered/vue-si | 8 de outubro de 2024 |
| Ícones de experiência industrial da Siemens | @iconify-prerendered/vue-ix | 9 de novembro de 2024 |
| Ícones simples | @iconify-prerendered/vue-simple-icons | 23 de dezembro de 2024 |
| Ícones de linha simples | @iconify-prerendered/vue-simple-line-icons | 4 de agosto de 2024 |
| Ícones de habilidade | @iconify-prerendered/vue-skill-icons | 17 de julho de 2024 |
| Smarticons Glyph | @iconify-prerendered/vue-si-glyph | 4 de agosto de 2024 |
| Solar | @iconify-prerendered/vue-solar | 4 de agosto de 2024 |
| Ícones de esconderijo | @iconify-prerendered/vue-stash | 8 de outubro de 2024 |
| Streamline | @iconify-prerendered/vue-streamline | 4 de agosto de 2024 |
| Streamline emojis | @iconify-prerendered/vue-streamline-emojis | 4 de agosto de 2024 |
| Conjunto de ícones do metrô | @iconify-prerendered/vue-subway | 3 de junho de 2024 |
| Logos SVG | @iconify-prerendered/vue-logos | 3 de outubro de 2024 |
| SVG Spinners | @iconify-prerendered/vue-svg-spinners | 15 de janeiro de 2023 |
| Sistema Uicons | @iconify-prerendered/vue-system-uicons | 4 de agosto de 2024 |
| Ícones de Tabler | @iconify-prerendered/vue-tabler | 16 de dezembro de 2024 |
| Ícones tdesign | @iconify-prerendered/vue-tdesign | 28 de novembro de 2024 |
| Teenyicons | @iconify-prerendered/vue-teenyicons | 4 de agosto de 2024 |
| Ícones de acabamento | @iconify-prerendered/vue-topcoat | 4 de agosto de 2024 |
| Emoji do Twitter | @iconify-prerendered/vue-twemoji | 4 de agosto de 2024 |
| Typicons | @iconify-prerendered/vue-typcn | 4 de agosto de 2024 |
| Ícones da UIW | @iconify-prerendered/vue-uiw | 24 de junho de 2024 |
| Unicons | @iconify-prerendered/vue-uil | 17 de dezembro de 2024 |
| Unicons monocromático | @iconify-prerendered/vue-uim | 17 de dezembro de 2024 |
| Unicons sólido | @iconify-prerendered/vue-uis | 17 de dezembro de 2024 |
| Unicons Linha fina | @iconify-prerendered/vue-uit | 17 de dezembro de 2024 |
| Logos unjs | @iconify-prerendered/vue-unjs | 17 de julho de 2024 |
| Ícones Vaadin | @iconify-prerendered/vue-vaadin | 4 de agosto de 2024 |
| Ícones de Vesper | @iconify-prerendered/vue-vs | 11 de dezembro de 2023 |
| Ícones do vscode | @iconify-prerendered/vue-vscode-icons | 16 de dezembro de 2024 |
| Ícones do tempo | @iconify-prerendered/vue-wi | 4 de agosto de 2024 |
| Símbolos da Web Liga | @iconify-prerendered/vue-websymbol | 11 de dezembro de 2023 |
| Ícones da Web3 | @iconify-prerendered/vue-token | 19 de dezembro de 2024 |
| Ícones da Web3 com marca | @iconify-prerendered/vue-token-branded | 19 de dezembro de 2024 |
| Glifos de WebHostingHub | @iconify-prerendered/vue-whh | 4 de agosto de 2024 |
| Icon Weui | @iconify-prerendered/vue-weui | 20 de junho de 2024 |
| Zondicons | @iconify-prerendered/vue-zondicons | 4 de agosto de 2024 |
O código para gerar os conjuntos de ícones é distribuído sob a licença do MIT. Os próprios conjuntos de ícones são distribuídos sob a licença de seu autor.
deno task generate para gerar todas as coleções. Params:--version ou -v Especifique a base da versão para pacotes gerados. Opcional.--prefix ou -p Especifique com uma coleção para gerar. Talvez várias vezes. Opcional.--no-replace-ids Desative a substituição de IDs. Necessário para um caso de teste. Opcional.--output ou -o diretório para colocar arquivos gerados. Opcional.deno task test para executar todos os testes. Veja mais sobre o teste de teste. Você pode comparar duas versões dos conjuntos de ícones. Para fazer isso:
deno task generate -p=fluent-emoji -o=benckmarks/generated/baselinedeno task generate -p=fluent-emoji -o=benckmarks/generated/testdeno bench --allow-env
