iconify prerendered
1.0.0
[! IMPORTANT] Ce projet est maintenu par le développeur d'Ukraine ??
Je fais de mon mieux, mais en raison de l'invasion continue de la Russie à grande échelle de l'Ukraine, j'ai à peine l'énergie pour soutenir les projets open source.
Si mon travail vous a été utile, veuillez envisager de soutenir l'Ukraine ou moi personnellement. Même votre 1 $ a un impact!
Une icon-composants d'icônes autonomes pour Vue avec zéro dépendances. Conçu pour une facilité d'utilisation et des performances élevées.
Démo en direct : https://stackblitz.com/edit/iconify-prerendered-demo?file=src%2fapp.vue
Installez l'ensemble d'icônes approprié
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
Importez un composant icône à partir d'un ensemble comme d'habitude.
< 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 >Seules ces trois icônes seront incluses dans votre paquet. Votre bundler peut secouer toutes les autres icônes.
C'est tout ce dont vous avez besoin. Pas de plugins, de configurations supplémentaires, d'extensions IDE ou autre chose.
Par défaut, toutes les icônes n'ont que deux attributs: role="img" et aria-hidden="true" . Bien que vous soyez libre de redéfinir ces attributs ou d'en ajouter de nouveaux pour chaque icône, vous voudrez peut-être appliquer certains attributs, tels que class ou style , à toutes les icônes d'un ensemble.
Pour y parvenir, vous pouvez réexporter des icônes via un new Proxy et inclure des attributs par défaut
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
} ) ;
} ,
} ) ; | Ensemble d'icônes | Emballer | Dernière modifié |
|---|---|---|
| Universitaires | @iconify-prerendered/vue-academicons | 28 sept. 2024 |
| Icônes Akar | @iconify-prerendered/vue-akar-icons | 4 août 2024 |
| Icônes de conception de fourmi | @iconify-prerendered/vue-ant-design | 16 décembre 2024 |
| Arcticons | @iconify-prerendered/vue-arcticons | 28 décembre 2024 |
| Basilic | @iconify-prerendered/vue-basil | 4 août 2024 |
| Icônes de Bitcoin | @iconify-prerendered/vue-bitcoin-icons | 4 août 2024 |
| Icônes bootstrap | @iconify-prerendered/vue-bi | 5 janvier 2024 |
| Boxicons | @iconify-prerendered/vue-bx | 4 août 2024 |
| Logo Boxicons | @iconify-prerendered/vue-bxl | 4 août 2024 |
| Boxicons solide | @iconify-prerendered/vue-bxs | 4 août 2024 |
| Bpmn | @iconify-prerendered/vue-bpmn | 4 août 2024 |
| Brandard | @iconify-prerendered/vue-brandico | 4 août 2024 |
| Icônes bytesize | @iconify-prerendered/vue-bytesize | 4 août 2024 |
| Carbone | @iconify-prerendered/vue-carbon | 26 octobre 2024 |
| Icônes de catppuccine | @iconify-prerendered/vue-catppuccin | 3 décembre 2024 |
| Icônes de charme | @iconify-prerendered/vue-charm | 4 août 2024 |
| Drapeaux de cercle | @iconify-prerendered/vue-circle-flags | 12 décembre 2024 |
| Icônes circum | @iconify-prerendered/vue-circum | 22 avril 2024 |
| Clarté | @iconify-prerendered/vue-clarity | 3 juin 2024 |
| Icônes du codex | @iconify-prerendered/vue-codex | 27 décembre 2024 |
| Codicons | @iconify-prerendered/vue-codicon | 12 décembre 2024 |
| coolicons | @iconify-prerendered/vue-ci | 4 août 2024 |
| Marques Coreui | @iconify-prerendered/vue-cib | 25 juillet 2024 |
| Drapeaux coreui | @iconify-prerendered/vue-cif | 25 juillet 2024 |
| Coreui gratuit | @iconify-prerendered/vue-cil | 25 juillet 2024 |
| Icônes covidés | @iconify-prerendered/vue-covid | 4 août 2024 |
| Icônes de couleur de crypto-monnaie | @iconify-prerendered/vue-cryptocurrency-color | 4 août 2024 |
| Icônes de crypto-monnaie | @iconify-prerendered/vue-cryptocurrency | 4 août 2024 |
| css.gg | @iconify-prerendered/vue-gg | 4 août 2024 |
| Icônes de Cuida | @iconify-prerendered/vue-cuida | 3 octobre 2024 |
| Icônes de marque personnalisées | @iconify-prerendered/vue-cbi | 19 novembre 2024 |
| Dascicons | @iconify-prerendered/vue-dashicons | 27 mai 2024 |
| Devicon | @iconify-prerendered/vue-devicon | 26 décembre 2024 |
| Plaine de Devicon | @iconify-prerendered/vue-devicon-plain | 26 décembre 2024 |
| Duoicons | @iconify-prerendered/vue-duo-icons | 28 sept. 2024 |
| Élégant | @iconify-prerendered/vue-et | 4 août 2024 |
| Élément plus | @iconify-prerendered/vue-ep | 11 mars 2024 |
| Icônes insaisissables | @iconify-prerendered/vue-el | 4 août 2024 |
| Emoji un (coloré) | @iconify-prerendered/vue-emojione | 4 août 2024 |
| Emoji un (monotone) | @iconify-prerendered/vue-emojione-monotone | 4 août 2024 |
| Emoji un (v1) | @iconify-prerendered/vue-emojione-v1 | 4 août 2024 |
| Entypo + | @iconify-prerendered/vue-entypo | 4 août 2024 |
| Enpepo + social | @iconify-prerendered/vue-entypo-social | 4 août 2024 |
| Icônes EOS | @iconify-prerendered/vue-eos-icons | 4 août 2024 |
| Icônes EVA | @iconify-prerendered/vue-eva | 4 août 2024 |
| Icônes maléfiques | @iconify-prerendered/vue-ei | 4 août 2024 |
| Familiarie | @iconify-prerendered/vue-famicons | 27 décembre 2024 |
| Icône de plumes | @iconify-prerendered/vue-fe | 4 août 2024 |
| Icônes de plumes | @iconify-prerendered/vue-feather | 4 août 2024 |
| Icônes de fichier | @iconify-prerendered/vue-file-icons | 17 juillet 2024 |
| Emoji de Firefox OS | @iconify-prerendered/vue-fxemoji | 4 août 2024 |
| Icônes de drapeau | @iconify-prerendered/vue-flag | 7 octobre 2024 |
| Porte-drapeau | @iconify-prerendered/vue-flagpack | 4 août 2024 |
| Icônes de couleur plate | @iconify-prerendered/vue-flat-color-icons | 4 août 2024 |
| Icônes d'interface utilisateur plates | @iconify-prerendered/vue-flat-ui | 4 août 2024 |
| Icônes Flowbite | @iconify-prerendered/vue-flowbite | 11 octobre 2024 |
| Emoji courants | @iconify-prerendered/vue-fluent-emoji | 3 octobre 2024 |
| Flat emoji courant | @iconify-prerendered/vue-fluent-emoji-flat | 3 octobre 2024 |
| Contraste élevé des emoji | @iconify-prerendered/vue-fluent-emoji-high-contrast | 3 octobre 2024 |
| Cluent ui mdl2 | @iconify-prerendered/vue-fluent-mdl2 | 7 avril 2024 |
| Icônes de couleur du système d'interface utilisateur fluide | @iconify-prerendered/vue-fluent-color | 16 décembre 2024 |
| Icônes du système d'interface utilisateur fluide | @iconify-prerendered/vue-fluent | 16 décembre 2024 |
| Font génial 4 | @iconify-prerendered/vue-fa | 11 décembre 2023 |
| Font génial 5 marques | @iconify-prerendered/vue-fa-brands | 4 août 2024 |
| Font génial 5 régulier | @iconify-prerendered/vue-fa-regular | 4 août 2024 |
| Font génial 5 solide | @iconify-prerendered/vue-fa-solid | 4 août 2024 |
| Brands impressionnants de police | @iconify-prerendered/vue-fa6-brands | 17 décembre 2024 |
| Font génial régulier | @iconify-prerendered/vue-fa6-regular | 19 novembre 2024 |
| Font génial solide | @iconify-prerendered/vue-fa6-solid | 19 novembre 2024 |
| Polices | @iconify-prerendered/vue-gis | 1er août 2024 |
| Fontaudio | @iconify-prerendered/vue-fad | 4 août 2024 |
| FonteLico | @iconify-prerendered/vue-fontelico | 4 août 2024 |
| Politisto | @iconify-prerendered/vue-fontisto | 4 août 2024 |
| Icônes Formkit | @iconify-prerendered/vue-formkit | 9 avril 2024 |
| Fondation | @iconify-prerendered/vue-foundation | 4 août 2024 |
| Icônes Framework7 | @iconify-prerendered/vue-f7 | 4 août 2024 |
| Icônes de gala | @iconify-prerendered/vue-gala | 26 novembre 2023 |
| Icônes de jeu | @iconify-prerendered/vue-game-icons | 7 avril 2024 |
| Icônes de jardin svg | @iconify-prerendered/vue-garden | 27 décembre 2024 |
| Géoglyphes | @iconify-prerendered/vue-geo | 4 août 2024 |
| GitLab SVGS | @iconify-prerendered/vue-pajamas | 14 novembre 2024 |
| Icônes de matériau Google | @iconify-prerendered/vue-ic | 4 août 2024 |
| Icônes d'interface utilisateur de gravité | @iconify-prerendered/vue-gravity-ui | 16 décembre 2024 |
| Gril | @iconify-prerendered/vue-gridicons | 4 août 2024 |
| Icônes | @iconify-prerendered/vue-grommet-icons | 27 mai 2024 |
| Conseils | @iconify-prerendered/vue-guidance | 4 août 2024 |
| Icônes de la santé | @iconify-prerendered/vue-healthicons | 28 décembre 2024 |
| Héroïcènes | @iconify-prerendered/vue-heroicons | 25 juillet 2024 |
| HOROICONS v1 Aperçu | @iconify-prerendered/vue-heroicons-outline | 4 août 2024 |
| Héroïcons v1 solide | @iconify-prerendered/vue-heroicons-solid | 4 août 2024 |
| Icônes énormes | @iconify-prerendered/vue-hugeicons | 21 décembre 2024 |
| Humbleicons | @iconify-prerendered/vue-humbleicons | 23 décembre 2024 |
| ICalicons | @iconify-prerendered/vue-il | 11 décembre 2023 |
| IComoon gratuit | @iconify-prerendered/vue-icomoon-free | 4 août 2024 |
| Iconamoon | @iconify-prerendered/vue-iconamoon | 4 août 2024 |
| Iconoir | @iconify-prerendered/vue-iconoir | 28 décembre 2024 |
| Iconpark | @iconify-prerendered/vue-icon-park | 26 novembre 2023 |
| Aperçu de l'icon | @iconify-prerendered/vue-icon-park-outline | 4 août 2024 |
| Iconpark solide | @iconify-prerendered/vue-icon-park-solid | 4 août 2024 |
| Iconpark deux | @iconify-prerendered/vue-icon-park-twotone | 4 août 2024 |
| Icônes8 Icônes Windows 10 | @iconify-prerendered/vue-icons8 | 4 août 2024 |
| Icônes8 Icônes Windows 8 | @iconify-prerendered/vue-wpf | 4 août 2024 |
| Font Innowatio | @iconify-prerendered/vue-iwwa | 4 août 2024 |
| Ionicons | @iconify-prerendered/vue-ion | 2 mai 2024 |
| Icônes de confiture | @iconify-prerendered/vue-jam | 4 août 2024 |
| Laisse les icônes | @iconify-prerendered/vue-lets-icons | 4 août 2024 |
| Symboles de ligature | @iconify-prerendered/vue-ls | 4 août 2024 |
| Ligne géniale | @iconify-prerendered/vue-la | 4 août 2024 |
| Lineicons | @iconify-prerendered/vue-lineicons | 26 octobre 2024 |
| Lsicon | @iconify-prerendered/vue-lsicon | 3 octobre 2024 |
| Luciser | @iconify-prerendered/vue-lucide | 21 décembre 2024 |
| Lucide Lab | @iconify-prerendered/vue-lucide-lab | 9 novembre 2024 |
| Icônes de mage | @iconify-prerendered/vue-mage | 4 août 2024 |
| Majesticons | @iconify-prerendered/vue-majesticons | 4 août 2024 |
| Maki | @iconify-prerendered/vue-maki | 16 décembre 2024 |
| Icônes de carte | @iconify-prerendered/vue-map | 4 août 2024 |
| Marketteq | @iconify-prerendered/vue-marketeq | 4 avril 2024 |
| Police emblématique de conception de matériaux | @iconify-prerendered/vue-zmdi | 11 décembre 2023 |
| Icônes de conception de matériaux | @iconify-prerendered/vue-mdi | 20 juin 2024 |
| Lumière de conception de matériaux | @iconify-prerendered/vue-mdi-light | 4 août 2024 |
| Icônes de ligne de matériaux | @iconify-prerendered/vue-line-md | 9 décembre 2024 |
| Symboles matériels | @iconify-prerendered/vue-material-symbols | 6 décembre 2024 |
| Symboles de matériau Light | @iconify-prerendered/vue-material-symbols-light | 6 décembre 2024 |
| Icônes médicales | @iconify-prerendered/vue-medical-icon | 4 août 2024 |
| Icônes de mémoire | @iconify-prerendered/vue-memory | 2 janvier 2024 |
| Météocons | @iconify-prerendered/vue-meteocons | 1er juillet 2024 |
| Icônes de météores | @iconify-prerendered/vue-meteor-icons | 9 novembre 2024 |
| Icône Mingcute | @iconify-prerendered/vue-mingcute | 23 décembre 2024 |
| Icônes mono | @iconify-prerendered/vue-mi | 4 août 2024 |
| Icônes mono | @iconify-prerendered/vue-mono-icons | 4 août 2024 |
| Icônes MYNA UI | @iconify-prerendered/vue-mynaui | 25 novembre 2024 |
| Nimbus | @iconify-prerendered/vue-nimbus | 4 août 2024 |
| Non-icons | @iconify-prerendered/vue-nonicons | 16 décembre 2024 |
| Noto emoji | @iconify-prerendered/vue-noto | 7 octobre 2024 |
| Noto emoji (v1) | @iconify-prerendered/vue-noto-v1 | 4 août 2024 |
| Icônes NRK Core | @iconify-prerendered/vue-nrk | 14 novembre 2024 |
| Octocons | @iconify-prerendered/vue-octicon | 6 décembre 2024 |
| Ooui | @iconify-prerendered/vue-ooui | 21 décembre 2024 |
| Ouvert emblématique | @iconify-prerendered/vue-oi | 4 août 2024 |
| Openmoji | @iconify-prerendered/vue-openmoji | 23 octobre 2024 |
| Opeensearch UI | @iconify-prerendered/vue-oui | 2 novembre 2024 |
| Pepions | @iconify-prerendered/vue-pepicons | 2 janvier 2023 |
| Crayon pepicons | @iconify-prerendered/vue-pepicons-pencil | 4 août 2024 |
| Pepicons pop! | @iconify-prerendered/vue-pepicons-pop | 4 août 2024 |
| Imprimer des pepicons | @iconify-prerendered/vue-pepicons-print | 4 août 2024 |
| Phosphore | @iconify-prerendered/vue-ph | 6 mai 2024 |
| Pixelarticons | @iconify-prerendered/vue-pixelarticons | 18 avril 2024 |
| Icônes Prestashop | @iconify-prerendered/vue-ps | 4 août 2024 |
| Icônes de premier ordre | @iconify-prerendered/vue-prime | 9 mai 2024 |
| Protènes | @iconify-prerendered/vue-proicons | 16 décembre 2024 |
| Icônes de la qétilitabilité | @iconify-prerendered/vue-qlementine-icons | 25 novembre 2024 |
| Icônes de quill | @iconify-prerendered/vue-quill | 4 août 2024 |
| Icônes Radix | @iconify-prerendered/vue-radix-icons | 4 août 2024 |
| Raphael | @iconify-prerendered/vue-raphael | 4 août 2024 |
| Icône de remix | @iconify-prerendered/vue-ri | 17 décembre 2024 |
| Icônes de rivet | @iconify-prerendered/vue-rivet-icons | 20 juin 2024 |
| Icônes de Sargam | @iconify-prerendered/vue-si | 8 octobre 2024 |
| Icônes de l'expérience industrielle de Siemens | @iconify-prerendered/vue-ix | 9 novembre 2024 |
| Icônes simples | @iconify-prerendered/vue-simple-icons | 23 décembre 2024 |
| Icônes de ligne simples | @iconify-prerendered/vue-simple-line-icons | 4 août 2024 |
| Icônes de compétence | @iconify-prerendered/vue-skill-icons | 17 juillet 2024 |
| Glyph Smarticons | @iconify-prerendered/vue-si-glyph | 4 août 2024 |
| Solaire | @iconify-prerendered/vue-solar | 4 août 2024 |
| Icônes de cachette | @iconify-prerendered/vue-stash | 8 octobre 2024 |
| Rationaliser | @iconify-prerendered/vue-streamline | 4 août 2024 |
| Rationaliser les emojis | @iconify-prerendered/vue-streamline-emojis | 4 août 2024 |
| Ensemble d'icônes de métro | @iconify-prerendered/vue-subway | 3 juin 2024 |
| Logos SVG | @iconify-prerendered/vue-logos | 3 octobre 2024 |
| Spinners SVG | @iconify-prerendered/vue-svg-spinners | 15 janvier 2023 |
| Système Uicons | @iconify-prerendered/vue-system-uicons | 4 août 2024 |
| Icônes de tableur | @iconify-prerendered/vue-tabler | 16 décembre 2024 |
| Icônes TDesign | @iconify-prerendered/vue-tdesign | 28 novembre 2024 |
| Teenyicons | @iconify-prerendered/vue-teenyicons | 4 août 2024 |
| Icônes de finition | @iconify-prerendered/vue-topcoat | 4 août 2024 |
| Emoji twitter | @iconify-prerendered/vue-twemoji | 4 août 2024 |
| Typiques | @iconify-prerendered/vue-typcn | 4 août 2024 |
| Icônes UIW | @iconify-prerendered/vue-uiw | 24 juin 2024 |
| Oucons | @iconify-prerendered/vue-uil | 17 décembre 2024 |
| Monochrome unicons | @iconify-prerendered/vue-uim | 17 décembre 2024 |
| Unicons solides | @iconify-prerendered/vue-uis | 17 décembre 2024 |
| Ligne mince des unicons | @iconify-prerendered/vue-uit | 17 décembre 2024 |
| Logos unjs | @iconify-prerendered/vue-unjs | 17 juillet 2024 |
| Icônes de Vaadin | @iconify-prerendered/vue-vaadin | 4 août 2024 |
| Icônes Vesper | @iconify-prerendered/vue-vs | 11 décembre 2023 |
| Icônes VScode | @iconify-prerendered/vue-vscode-icons | 16 décembre 2024 |
| Icônes météorologiques | @iconify-prerendered/vue-wi | 4 août 2024 |
| Symboles Web Liga | @iconify-prerendered/vue-websymbol | 11 décembre 2023 |
| Icônes web3 | @iconify-prerendered/vue-token | 19 décembre 2024 |
| Icônes web3 de marque | @iconify-prerendered/vue-token-branded | 19 décembre 2024 |
| Glyphes webhostinghub | @iconify-prerendered/vue-whh | 4 août 2024 |
| Icône weui | @iconify-prerendered/vue-weui | 20 juin 2024 |
| Zondicons | @iconify-prerendered/vue-zondicons | 4 août 2024 |
Le code de génération des ensembles d'icônes est distribué sous la licence MIT. Les ensembles d'icônes eux-mêmes sont distribués sous la licence de leur auteur.
deno task generate pour générer toutes les collections. Paramètres:--version ou -v Spécifiez la base de version pour les packages générés. Facultatif.--prefix ou -p spécifiez avec une collection à générer. Peut-être plusieurs fois. Facultatif.--no-replace-ids Désactiver les ID de remplacement. Requis pour un cas de test. Facultatif.--output ou -o répertoire pour placer des fichiers générés. Facultatif.deno task test pour exécuter tous les tests. Voir plus sur le fonctionnement des tests. Vous pouvez comparer deux versions des ensembles d'icônes. Pour ce faire:
deno task generate -p=fluent-emoji -o=benckmarks/generated/baselinedeno task generate -p=fluent-emoji -o=benckmarks/generated/testdeno bench --allow-env
