iconify prerendered
1.0.0
[! Penting] Proyek ini dikelola oleh pengembang dari Ukraina ??
Saya melakukan yang terbaik, tetapi karena invasi skala penuh Rusia yang berkelanjutan ke Ukraina, saya hampir tidak memiliki energi untuk mendukung proyek sumber terbuka.
Jika pekerjaan saya bermanfaat bagi Anda, harap pertimbangkan mendukung Ukraina atau saya secara pribadi. Bahkan $ 1 Anda memiliki dampak!
Komponen ikon mandiri superset untuk VUE dengan ketergantungan nol. Dirancang untuk kemudahan penggunaan dan kinerja tinggi.
Demo Langsung : https://stackblitz.com/edit/iconify-prerendered-demo?file=src%2fapp.vue
Instal set ikon yang sesuai
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
Impor komponen ikon dari satu set seperti biasa.
< 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 >Hanya ketiga ikon ini yang akan dimasukkan dalam bundel Anda. Bundler Anda mungkin mengguncang pohon semua ikon lainnya.
Hanya itu yang Anda butuhkan. Tidak ada plugin, konfigurasi tambahan, ekstensi IDE atau yang lainnya.
Secara default, semua ikon hanya memiliki dua atribut: role="img" dan aria-hidden="true" . Meskipun Anda bebas untuk mendefinisikan kembali atribut ini atau menambahkan yang baru untuk setiap ikon, Anda mungkin ingin menerapkan atribut tertentu, seperti class atau style , ke semua ikon dalam satu set.
Untuk mencapai hal ini, Anda dapat mengekspor kembali ikon melalui new Proxy dan menyertakan atribut default
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
} ) ;
} ,
} ) ; | Set ikon | Kemasan | Terakhir dimodifikasi |
|---|---|---|
| Akademisi | @iconify-prerendered/vue-academicons | 28 Sep 2024 |
| Ikon akar | @iconify-prerendered/vue-akar-icons | 4 Agustus 2024 |
| Ikon desain semut | @iconify-prerendered/vue-ant-design | 16 Des 2024 |
| Arcticons | @iconify-prerendered/vue-arcticons | 28 Des 2024 |
| Kemangi | @iconify-prerendered/vue-basil | 4 Agustus 2024 |
| Ikon Bitcoin | @iconify-prerendered/vue-bitcoin-icons | 4 Agustus 2024 |
| Ikon Bootstrap | @iconify-prerendered/vue-bi | 5 Januari 2024 |
| Boxicons | @iconify-prerendered/vue-bx | 4 Agustus 2024 |
| Logo Boxicons | @iconify-prerendered/vue-bxl | 4 Agustus 2024 |
| Boxicons solid | @iconify-prerendered/vue-bxs | 4 Agustus 2024 |
| Bpmn | @iconify-prerendered/vue-bpmn | 4 Agustus 2024 |
| Brandico | @iconify-prerendered/vue-brandico | 4 Agustus 2024 |
| Ikon Bytesize | @iconify-prerendered/vue-bytesize | 4 Agustus 2024 |
| Karbon | @iconify-prerendered/vue-carbon | 26 Okt 2024 |
| Ikon Catppuccin | @iconify-prerendered/vue-catppuccin | 3 Desember 2024 |
| Ikon pesona | @iconify-prerendered/vue-charm | 4 Agustus 2024 |
| Bendera Lingkaran | @iconify-prerendered/vue-circle-flags | 12 Des 2024 |
| Ikon Sirkun | @iconify-prerendered/vue-circum | 22 Apr 2024 |
| Kejelasan | @iconify-prerendered/vue-clarity | 3 Juni 2024 |
| Ikon Codex | @iconify-prerendered/vue-codex | 27 Des 2024 |
| Codicons | @iconify-prerendered/vue-codicon | 12 Des 2024 |
| Coolicons | @iconify-prerendered/vue-ci | 4 Agustus 2024 |
| Merek Coreui | @iconify-prerendered/vue-cib | 25 Jul 2024 |
| Bendera Coreui | @iconify-prerendered/vue-cif | 25 Jul 2024 |
| Coreui gratis | @iconify-prerendered/vue-cil | 25 Jul 2024 |
| Ikon Covid | @iconify-prerendered/vue-covid | 4 Agustus 2024 |
| Ikon warna cryptocurrency | @iconify-prerendered/vue-cryptocurrency-color | 4 Agustus 2024 |
| Ikon Cryptocurrency | @iconify-prerendered/vue-cryptocurrency | 4 Agustus 2024 |
| css.gg | @iconify-prerendered/vue-gg | 4 Agustus 2024 |
| Ikon Cuida | @iconify-prerendered/vue-cuida | 3 Okt 2024 |
| Ikon Merek Kustom | @iconify-prerendered/vue-cbi | 19 Nov 2024 |
| Dashicons | @iconify-prerendered/vue-dashicons | 27 Mei 2024 |
| Devicon | @iconify-prerendered/vue-devicon | 26 Des 2024 |
| Devicon Plain | @iconify-prerendered/vue-devicon-plain | 26 Des 2024 |
| Duoicons | @iconify-prerendered/vue-duo-icons | 28 Sep 2024 |
| Anggun | @iconify-prerendered/vue-et | 4 Agustus 2024 |
| Elemen plus | @iconify-prerendered/vue-ep | 11 Maret 2024 |
| Ikon yang sulit dipahami | @iconify-prerendered/vue-el | 4 Agustus 2024 |
| Emoji satu (berwarna) | @iconify-prerendered/vue-emojione | 4 Agustus 2024 |
| Emoji One (monoton) | @iconify-prerendered/vue-emojione-monotone | 4 Agustus 2024 |
| Emoji One (V1) | @iconify-prerendered/vue-emojione-v1 | 4 Agustus 2024 |
| Entypo+ | @iconify-prerendered/vue-entypo | 4 Agustus 2024 |
| Entypo+ sosial | @iconify-prerendered/vue-entypo-social | 4 Agustus 2024 |
| Ikon EOS | @iconify-prerendered/vue-eos-icons | 4 Agustus 2024 |
| Ikon Eva | @iconify-prerendered/vue-eva | 4 Agustus 2024 |
| Ikon jahat | @iconify-prerendered/vue-ei | 4 Agustus 2024 |
| Famicons | @iconify-prerendered/vue-famicons | 27 Des 2024 |
| Ikon bulu | @iconify-prerendered/vue-fe | 4 Agustus 2024 |
| Ikon bulu | @iconify-prerendered/vue-feather | 4 Agustus 2024 |
| Ikon file | @iconify-prerendered/vue-file-icons | 17 Jul 2024 |
| Firefox OS Emoji | @iconify-prerendered/vue-fxemoji | 4 Agustus 2024 |
| Ikon bendera | @iconify-prerendered/vue-flag | 7 Okt 2024 |
| Flagpack | @iconify-prerendered/vue-flagpack | 4 Agustus 2024 |
| Ikon warna datar | @iconify-prerendered/vue-flat-color-icons | 4 Agustus 2024 |
| Ikon UI datar | @iconify-prerendered/vue-flat-ui | 4 Agustus 2024 |
| Ikon Flowbite | @iconify-prerendered/vue-flowbite | 11 Okt 2024 |
| Emoji yang fasih | @iconify-prerendered/vue-fluent-emoji | 3 Okt 2024 |
| Flat emoji yang fasih | @iconify-prerendered/vue-fluent-emoji-flat | 3 Okt 2024 |
| Kontras tinggi emoji yang fasih | @iconify-prerendered/vue-fluent-emoji-high-contrast | 3 Okt 2024 |
| FLUENT UI MDL2 | @iconify-prerendered/vue-fluent-mdl2 | 7 Apr 2024 |
| Ikon Warna Sistem UI yang Lancar | @iconify-prerendered/vue-fluent-color | 16 Des 2024 |
| Ikon Sistem UI yang Lancar | @iconify-prerendered/vue-fluent | 16 Des 2024 |
| Font Awesome 4 | @iconify-prerendered/vue-fa | 11 Desember 2023 |
| Font Awesome 5 Merek | @iconify-prerendered/vue-fa-brands | 4 Agustus 2024 |
| Font mengagumkan 5 reguler | @iconify-prerendered/vue-fa-regular | 4 Agustus 2024 |
| Font mengagumkan 5 solid | @iconify-prerendered/vue-fa-solid | 4 Agustus 2024 |
| Merek yang luar biasa font | @iconify-prerendered/vue-fa6-brands | 17 Des 2024 |
| Font yang luar biasa biasa | @iconify-prerendered/vue-fa6-regular | 19 Nov 2024 |
| Font yang luar biasa solid | @iconify-prerendered/vue-fa6-solid | 19 Nov 2024 |
| Font-gis | @iconify-prerendered/vue-gis | 1 Agustus 2024 |
| Fontaudio | @iconify-prerendered/vue-fad | 4 Agustus 2024 |
| Fontelico | @iconify-prerendered/vue-fontelico | 4 Agustus 2024 |
| Fontisto | @iconify-prerendered/vue-fontisto | 4 Agustus 2024 |
| Ikon Formkit | @iconify-prerendered/vue-formkit | 9 Apr 2024 |
| Dasar | @iconify-prerendered/vue-foundation | 4 Agustus 2024 |
| Kerangka kerja7 ikon | @iconify-prerendered/vue-f7 | 4 Agustus 2024 |
| Ikon Gala | @iconify-prerendered/vue-gala | 26 Nov 2023 |
| Ikon Game | @iconify-prerendered/vue-game-icons | 7 Apr 2024 |
| Ikon Taman SVG | @iconify-prerendered/vue-garden | 27 Des 2024 |
| Geoglyphs | @iconify-prerendered/vue-geo | 4 Agustus 2024 |
| Gitlab svgs | @iconify-prerendered/vue-pajamas | 14 Nov 2024 |
| Ikon Materi Google | @iconify-prerendered/vue-ic | 4 Agustus 2024 |
| Ikon gravitasi UI | @iconify-prerendered/vue-gravity-ui | 16 Des 2024 |
| Gridicons | @iconify-prerendered/vue-gridicons | 4 Agustus 2024 |
| Ikon grommet | @iconify-prerendered/vue-grommet-icons | 27 Mei 2024 |
| Panduan | @iconify-prerendered/vue-guidance | 4 Agustus 2024 |
| Ikon kesehatan | @iconify-prerendered/vue-healthicons | 28 Des 2024 |
| Heroicons | @iconify-prerendered/vue-heroicons | 25 Jul 2024 |
| Garis Besar V1 Heroicons | @iconify-prerendered/vue-heroicons-outline | 4 Agustus 2024 |
| Heroicons V1 Solid | @iconify-prerendered/vue-heroicons-solid | 4 Agustus 2024 |
| Ikon besar | @iconify-prerendered/vue-hugeicons | 21 Des 2024 |
| Rendah hati | @iconify-prerendered/vue-humbleicons | 23 Des 2024 |
| Icalicons | @iconify-prerendered/vue-il | 11 Desember 2023 |
| ICOMOON GRATIS | @iconify-prerendered/vue-icomoon-free | 4 Agustus 2024 |
| Iconamoon | @iconify-prerendered/vue-iconamoon | 4 Agustus 2024 |
| Iconoir | @iconify-prerendered/vue-iconoir | 28 Des 2024 |
| IconPark | @iconify-prerendered/vue-icon-park | 26 Nov 2023 |
| IconPark Garis Besar | @iconify-prerendered/vue-icon-park-outline | 4 Agustus 2024 |
| IconPark solid | @iconify-prerendered/vue-icon-park-solid | 4 Agustus 2024 |
| IconPark Twotone | @iconify-prerendered/vue-icon-park-twotone | 4 Agustus 2024 |
| Ikon Icons8 Windows 10 | @iconify-prerendered/vue-icons8 | 4 Agustus 2024 |
| Ikon Icons8 Windows 8 | @iconify-prerendered/vue-wpf | 4 Agustus 2024 |
| Font Innowatio | @iconify-prerendered/vue-iwwa | 4 Agustus 2024 |
| Ionicons | @iconify-prerendered/vue-ion | 2 Mei 2024 |
| Ikon selai | @iconify-prerendered/vue-jam | 4 Agustus 2024 |
| Mari kita ikon | @iconify-prerendered/vue-lets-icons | 4 Agustus 2024 |
| Simbol ligatur | @iconify-prerendered/vue-ls | 4 Agustus 2024 |
| Baris luar biasa | @iconify-prerendered/vue-la | 4 Agustus 2024 |
| Lineicons | @iconify-prerendered/vue-lineicons | 26 Okt 2024 |
| LSICON | @iconify-prerendered/vue-lsicon | 3 Okt 2024 |
| Lucide | @iconify-prerendered/vue-lucide | 21 Des 2024 |
| Lucide Lab | @iconify-prerendered/vue-lucide-lab | 9 Nov 2024 |
| Ikon Mage | @iconify-prerendered/vue-mage | 4 Agustus 2024 |
| Majestion | @iconify-prerendered/vue-majesticons | 4 Agustus 2024 |
| Maki | @iconify-prerendered/vue-maki | 16 Des 2024 |
| Ikon peta | @iconify-prerendered/vue-map | 4 Agustus 2024 |
| Marketeq | @iconify-prerendered/vue-marketeq | 4 Apr, 2024 |
| Desain Bahan Font ikonik | @iconify-prerendered/vue-zmdi | 11 Desember 2023 |
| Ikon Desain Bahan | @iconify-prerendered/vue-mdi | 20 Juni 2024 |
| Cahaya Desain Bahan | @iconify-prerendered/vue-mdi-light | 4 Agustus 2024 |
| Ikon garis material | @iconify-prerendered/vue-line-md | 9 Desember 2024 |
| Simbol material | @iconify-prerendered/vue-material-symbols | 6 Desember 2024 |
| Simbol material cahaya | @iconify-prerendered/vue-material-symbols-light | 6 Desember 2024 |
| Ikon medis | @iconify-prerendered/vue-medical-icon | 4 Agustus 2024 |
| Ikon memori | @iconify-prerendered/vue-memory | 2 Januari 2024 |
| Meteokon | @iconify-prerendered/vue-meteocons | 1 Jul 2024 |
| Ikon Meteor | @iconify-prerendered/vue-meteor-icons | 9 Nov 2024 |
| Ikon Mingcute | @iconify-prerendered/vue-mingcute | 23 Des 2024 |
| Ikon Mono | @iconify-prerendered/vue-mi | 4 Agustus 2024 |
| Ikon Mono | @iconify-prerendered/vue-mono-icons | 4 Agustus 2024 |
| Ikon Myna UI | @iconify-prerendered/vue-mynaui | 25 Nov 2024 |
| Nimbus | @iconify-prerendered/vue-nimbus | 4 Agustus 2024 |
| Nonicons | @iconify-prerendered/vue-nonicons | 16 Des 2024 |
| Noto Emoji | @iconify-prerendered/vue-noto | 7 Okt 2024 |
| Noto Emoji (V1) | @iconify-prerendered/vue-noto-v1 | 4 Agustus 2024 |
| Ikon Inti NRK | @iconify-prerendered/vue-nrk | 14 Nov 2024 |
| Octicons | @iconify-prerendered/vue-octicon | 6 Desember 2024 |
| Ooui | @iconify-prerendered/vue-ooui | 21 Des 2024 |
| Buka ikon | @iconify-prerendered/vue-oi | 4 Agustus 2024 |
| OpenMoji | @iconify-prerendered/vue-openmoji | 23 Okt 2024 |
| OpenSearch UI | @iconify-prerendered/vue-oui | 2 Nov 2024 |
| Pepicons | @iconify-prerendered/vue-pepicons | 2 Januari 2023 |
| Pensil pepicons | @iconify-prerendered/vue-pepicons-pencil | 4 Agustus 2024 |
| Pepicons Pop! | @iconify-prerendered/vue-pepicons-pop | 4 Agustus 2024 |
| Pepicons Print | @iconify-prerendered/vue-pepicons-print | 4 Agustus 2024 |
| Fosfor | @iconify-prerendered/vue-ph | 6 Mei 2024 |
| Pixelarticons | @iconify-prerendered/vue-pixelarticons | 18 Apr 2024 |
| Ikon Prestashop | @iconify-prerendered/vue-ps | 4 Agustus 2024 |
| Ikon utama | @iconify-prerendered/vue-prime | 9 Mei 2024 |
| Proicons | @iconify-prerendered/vue-proicons | 16 Des 2024 |
| Ikon Qlementine | @iconify-prerendered/vue-qlementine-icons | 25 Nov 2024 |
| Ikon Quill | @iconify-prerendered/vue-quill | 4 Agustus 2024 |
| Ikon Radix | @iconify-prerendered/vue-radix-icons | 4 Agustus 2024 |
| Raphael | @iconify-prerendered/vue-raphael | 4 Agustus 2024 |
| Ikon Remix | @iconify-prerendered/vue-ri | 17 Des 2024 |
| Ikon paku keling | @iconify-prerendered/vue-rivet-icons | 20 Juni 2024 |
| Ikon Sargam | @iconify-prerendered/vue-si | 8 Okt 2024 |
| Ikon Pengalaman Industri Siemens | @iconify-prerendered/vue-ix | 9 Nov 2024 |
| Ikon sederhana | @iconify-prerendered/vue-simple-icons | 23 Des 2024 |
| Ikon garis sederhana | @iconify-prerendered/vue-simple-line-icons | 4 Agustus 2024 |
| Ikon keterampilan | @iconify-prerendered/vue-skill-icons | 17 Jul 2024 |
| Smarticons Glyph | @iconify-prerendered/vue-si-glyph | 4 Agustus 2024 |
| Tenaga surya | @iconify-prerendered/vue-solar | 4 Agustus 2024 |
| Ikon simpanan | @iconify-prerendered/vue-stash | 8 Okt 2024 |
| Mempersingkat | @iconify-prerendered/vue-streamline | 4 Agustus 2024 |
| Merampingkan emoji | @iconify-prerendered/vue-streamline-emojis | 4 Agustus 2024 |
| Set Ikon Subway | @iconify-prerendered/vue-subway | 3 Juni 2024 |
| Logo SVG | @iconify-prerendered/vue-logos | 3 Okt 2024 |
| Pemintal SVG | @iconify-prerendered/vue-svg-spinners | 15 Januari 2023 |
| Uicons sistem | @iconify-prerendered/vue-system-uicons | 4 Agustus 2024 |
| Ikon Tabler | @iconify-prerendered/vue-tabler | 16 Des 2024 |
| Ikon desain tD | @iconify-prerendered/vue-tdesign | 28 Nov 2024 |
| Teenyicons | @iconify-prerendered/vue-teenyicons | 4 Agustus 2024 |
| Ikon topcoat | @iconify-prerendered/vue-topcoat | 4 Agustus 2024 |
| Emoji Twitter | @iconify-prerendered/vue-twemoji | 4 Agustus 2024 |
| Tipikon | @iconify-prerendered/vue-typcn | 4 Agustus 2024 |
| Ikon UIW | @iconify-prerendered/vue-uiw | 24 Juni 2024 |
| Unicons | @iconify-prerendered/vue-uil | 17 Des 2024 |
| Unicons monokrom | @iconify-prerendered/vue-uim | 17 Des 2024 |
| Unicons solid | @iconify-prerendered/vue-uis | 17 Des 2024 |
| Garis tipis unicons | @iconify-prerendered/vue-uit | 17 Des 2024 |
| Logo UNJS | @iconify-prerendered/vue-unjs | 17 Jul 2024 |
| Ikon Vaadin | @iconify-prerendered/vue-vaadin | 4 Agustus 2024 |
| Ikon Vesper | @iconify-prerendered/vue-vs | 11 Desember 2023 |
| Ikon VScode | @iconify-prerendered/vue-vscode-icons | 16 Des 2024 |
| Ikon cuaca | @iconify-prerendered/vue-wi | 4 Agustus 2024 |
| Simbol web liga | @iconify-prerendered/vue-websymbol | 11 Desember 2023 |
| Ikon Web3 | @iconify-prerendered/vue-token | 19 Desember 2024 |
| Ikon Web3 bermerek | @iconify-prerendered/vue-token-branded | 19 Desember 2024 |
| WebhostingHub mesin terbang | @iconify-prerendered/vue-whh | 4 Agustus 2024 |
| Ikon Weui | @iconify-prerendered/vue-weui | 20 Juni 2024 |
| Zondicons | @iconify-prerendered/vue-zondicons | 4 Agustus 2024 |
Kode untuk menghasilkan set ikon didistribusikan di bawah lisensi MIT. Set ikon sendiri didistribusikan di bawah lisensi penulisnya.
deno task generate untuk menghasilkan semua koleksi. Params:--version atau -v Tentukan basis versi untuk paket yang dihasilkan. Opsional.--prefix atau -p Tentukan dengan koleksi untuk dihasilkan. Mungkin beberapa kali. Opsional.--no-replace-ids menonaktifkan mengganti ID. Diperlukan untuk test case. Opsional.--output atau -o direktori untuk menempatkan file yang dihasilkan. Opsional.deno task test untuk menjalankan semua tes. Lihat lebih lanjut tentang Tes Running. Anda dapat membandingkan dua versi set ikon. Untuk melakukan itu:
deno task generate -p=fluent-emoji -o=benckmarks/generated/baselinedeno task generate -p=fluent-emoji -o=benckmarks/generated/testdeno bench --allow-env
