iconify prerendered
1.0.0
[! مهم] يتم الحفاظ على هذا المشروع من قبل المطور من أوكرانيا؟
أبذل قصارى جهدي ، ولكن بسبب الغزو الكامل لروسيا لأوكرانيا ، بالكاد لدي الطاقة لدعم مشاريع المصادر المفتوحة.
إذا كان عملي مفيدًا لك ، فيرجى التفكير في دعم أوكرانيا أو أنا شخصياً. حتى $ 1 له تأثير!
مكونات الأيقونات المستقلة superset لصالح VUE مع تبعيات الصفر. مصممة لسهولة الاستخدام والأداء العالي.
التوضيح المباشر : https://stackblitz.com/edit/iconify-prerendered-demo؟file=SRC٪2FAPP.VUE
تثبيت مجموعة الرمز المناسبة
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
مكون الاستيراد أيقونة من مجموعة كالمعتاد.
< 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 >سيتم تضمين هذه الرموز الثلاثة فقط في حزمة. الحزم قد يرفع الأشجار جميع الرموز الأخرى.
هذا كل ما تحتاجه. لا ملحقات إضافية ، تكوينات إضافية ، امتدادات IDE أو أي شيء آخر.
بشكل افتراضي ، تحتوي جميع الرموز على سمتين فقط: role="img" و aria-hidden="true" . على الرغم من أنك حر في إعادة تعريف هذه السمات أو إضافة واحدة جديدة لكل رمز ، فقد ترغب في تطبيق سمات معينة ، مثل class أو style ، على جميع الرموز داخل مجموعة.
لتحقيق ذلك ، يمكنك إعادة تصدير الرموز من خلال new Proxy وتضمين سمات افتراضية
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
} ) ;
} ,
} ) ; | مجموعة الأيقونة | طَرد | آخر تعديل |
|---|---|---|
| الأكاديميون | @iconify-prerendered/vue-academicons | 28 سبتمبر ، 2024 |
| أيقونات أكار | @iconify-prerendered/vue-akar-icons | 4 أغسطس 2024 |
| أيقونات تصميم النمل | @iconify-prerendered/vue-ant-design | 16 ديسمبر 2024 |
| القطب الشمالي | @iconify-prerendered/vue-arcticons | 28 ديسمبر 2024 |
| رَيحان | @iconify-prerendered/vue-basil | 4 أغسطس 2024 |
| أيقونات البيتكوين | @iconify-prerendered/vue-bitcoin-icons | 4 أغسطس 2024 |
| رموز bootstrap | @iconify-prerendered/vue-bi | 5 يناير 2024 |
| بوكسون | @iconify-prerendered/vue-bx | 4 أغسطس 2024 |
| شعار boxicons | @iconify-prerendered/vue-bxl | 4 أغسطس 2024 |
| بوكسون صلبة | @iconify-prerendered/vue-bxs | 4 أغسطس 2024 |
| BPMN | @iconify-prerendered/vue-bpmn | 4 أغسطس 2024 |
| برانديكو | @iconify-prerendered/vue-brandico | 4 أغسطس 2024 |
| أيقونات بايت | @iconify-prerendered/vue-bytesize | 4 أغسطس 2024 |
| الكربون | @iconify-prerendered/vue-carbon | 26 أكتوبر 2024 |
| الرموز Catppuccin | @iconify-prerendered/vue-catppuccin | 3 ديسمبر 2024 |
| أيقونات السحر | @iconify-prerendered/vue-charm | 4 أغسطس 2024 |
| دائرة أعلام | @iconify-prerendered/vue-circle-flags | 12 ديسمبر 2024 |
| تواجد | @iconify-prerendered/vue-circum | 22 أبريل 2024 |
| الوضوح | @iconify-prerendered/vue-clarity | 3 يونيو 2024 |
| رموز المخطوطة | @iconify-prerendered/vue-codex | 27 ديسمبر 2024 |
| الترميزات | @iconify-prerendered/vue-codicon | 12 ديسمبر 2024 |
| Coolicons | @iconify-prerendered/vue-ci | 4 أغسطس 2024 |
| العلامات التجارية Coreui | @iconify-prerendered/vue-cib | 25 يوليو ، 2024 |
| أعلام Coreui | @iconify-prerendered/vue-cif | 25 يوليو ، 2024 |
| Coreui الحرة | @iconify-prerendered/vue-cil | 25 يوليو ، 2024 |
| الرموز covid | @iconify-prerendered/vue-covid | 4 أغسطس 2024 |
| رموز لون العملة المشفرة | @iconify-prerendered/vue-cryptocurrency-color | 4 أغسطس 2024 |
| أيقونات العملة المشفرة | @iconify-prerendered/vue-cryptocurrency | 4 أغسطس 2024 |
| CSS.GG | @iconify-prerendered/vue-gg | 4 أغسطس 2024 |
| أيقونات Cuida | @iconify-prerendered/vue-cuida | 3 أكتوبر 2024 |
| أيقونات العلامة التجارية المخصصة | @iconify-prerendered/vue-cbi | 19 نوفمبر 2024 |
| دايشكونات | @iconify-prerendered/vue-dashicons | 27 مايو 2024 |
| ديفكون | @iconify-prerendered/vue-devicon | 26 ديسمبر 2024 |
| Devicon Plain | @iconify-prerendered/vue-devicon-plain | 26 ديسمبر 2024 |
| الثنائي | @iconify-prerendered/vue-duo-icons | 28 سبتمبر ، 2024 |
| رائع | @iconify-prerendered/vue-et | 4 أغسطس 2024 |
| عنصر زائد | @iconify-prerendered/vue-ep | 11 مارس ، 2024 |
| أيقونات بعيد المنال | @iconify-prerendered/vue-el | 4 أغسطس 2024 |
| الرموز التعبيرية واحدة (ملونة) | @iconify-prerendered/vue-emojione | 4 أغسطس 2024 |
| الرموز التعبيرية واحدة (رتابة) | @iconify-prerendered/vue-emojione-monotone | 4 أغسطس 2024 |
| الرموز التعبيرية واحدة (V1) | @iconify-prerendered/vue-emojione-v1 | 4 أغسطس 2024 |
| entypo+ | @iconify-prerendered/vue-entypo | 4 أغسطس 2024 |
| entypo+ الاجتماعية | @iconify-prerendered/vue-entypo-social | 4 أغسطس 2024 |
| أيقونات EOS | @iconify-prerendered/vue-eos-icons | 4 أغسطس 2024 |
| أيقونات إيفا | @iconify-prerendered/vue-eva | 4 أغسطس 2024 |
| أيقونات شريرة | @iconify-prerendered/vue-ei | 4 أغسطس 2024 |
| famicons | @iconify-prerendered/vue-famicons | 27 ديسمبر 2024 |
| أيقونة الريش | @iconify-prerendered/vue-fe | 4 أغسطس 2024 |
| أيقونات الريش | @iconify-prerendered/vue-feather | 4 أغسطس 2024 |
| الرموز ملف | @iconify-prerendered/vue-file-icons | يوليو 17 ، 2024 |
| Firefox OS Emoji | @iconify-prerendered/vue-fxemoji | 4 أغسطس 2024 |
| أيقونات العلم | @iconify-prerendered/vue-flag | 7 أكتوبر 2024 |
| سارية العلم | @iconify-prerendered/vue-flagpack | 4 أغسطس 2024 |
| أيقونات الألوان المسطحة | @iconify-prerendered/vue-flat-color-icons | 4 أغسطس 2024 |
| أيقونات واجهة المستخدم المسطحة | @iconify-prerendered/vue-flat-ui | 4 أغسطس 2024 |
| أيقونات التدفق | @iconify-prerendered/vue-flowbite | 11 أكتوبر 2024 |
| الرموز التعبيرية بطلاقة | @iconify-prerendered/vue-fluent-emoji | 3 أكتوبر 2024 |
| رموز تعبيرية بطلاقة شقة | @iconify-prerendered/vue-fluent-emoji-flat | 3 أكتوبر 2024 |
| التباين العالي الرموز التعبيرية بطلاقة | @iconify-prerendered/vue-fluent-emoji-high-contrast | 3 أكتوبر 2024 |
| Fluent UI MDL2 | @iconify-prerendered/vue-fluent-mdl2 | 7 أبريل 2024 |
| أيقونات لون نظام واجهة المستخدم بطلاقة | @iconify-prerendered/vue-fluent-color | 16 ديسمبر 2024 |
| أيقونات نظام واجهة المستخدم بطلاقة | @iconify-prerendered/vue-fluent | 16 ديسمبر 2024 |
| الخط رائع 4 | @iconify-prerendered/vue-fa | 11 ديسمبر 2023 |
| الخط الرائع 5 علامات تجارية | @iconify-prerendered/vue-fa-brands | 4 أغسطس 2024 |
| الخط رائع 5 العادي | @iconify-prerendered/vue-fa-regular | 4 أغسطس 2024 |
| الخط رائع 5 الصلبة | @iconify-prerendered/vue-fa-solid | 4 أغسطس 2024 |
| الخط العلامات التجارية الرائعة | @iconify-prerendered/vue-fa6-brands | 17 ديسمبر 2024 |
| خط رائع منتظم | @iconify-prerendered/vue-fa6-regular | 19 نوفمبر 2024 |
| خط رائع الصلبة | @iconify-prerendered/vue-fa6-solid | 19 نوفمبر 2024 |
| الخط | @iconify-prerendered/vue-gis | 1 أغسطس 2024 |
| fontaudio | @iconify-prerendered/vue-fad | 4 أغسطس 2024 |
| fontelico | @iconify-prerendered/vue-fontelico | 4 أغسطس 2024 |
| fontisto | @iconify-prerendered/vue-fontisto | 4 أغسطس 2024 |
| الرموز Formkit | @iconify-prerendered/vue-formkit | 9 أبريل 2024 |
| مؤسسة | @iconify-prerendered/vue-foundation | 4 أغسطس 2024 |
| الرموز الإطارية 7 | @iconify-prerendered/vue-f7 | 4 أغسطس 2024 |
| رموز الحفل | @iconify-prerendered/vue-gala | 26 نوفمبر 2023 |
| أيقونات اللعبة | @iconify-prerendered/vue-game-icons | 7 أبريل 2024 |
| أيقونات حديقة SVG | @iconify-prerendered/vue-garden | 27 ديسمبر 2024 |
| Geoglyphs | @iconify-prerendered/vue-geo | 4 أغسطس 2024 |
| Gitlab SVGS | @iconify-prerendered/vue-pajamas | 14 نوفمبر 2024 |
| أيقونات مواد Google | @iconify-prerendered/vue-ic | 4 أغسطس 2024 |
| أيقونات واجهة المستخدم الجاذبية | @iconify-prerendered/vue-gravity-ui | 16 ديسمبر 2024 |
| الشبكات | @iconify-prerendered/vue-gridicons | 4 أغسطس 2024 |
| أيقونات جروم | @iconify-prerendered/vue-grommet-icons | 27 مايو 2024 |
| إرشاد | @iconify-prerendered/vue-guidance | 4 أغسطس 2024 |
| أيقونات صحية | @iconify-prerendered/vue-healthicons | 28 ديسمبر 2024 |
| البطل | @iconify-prerendered/vue-heroicons | 25 يوليو ، 2024 |
| مخطط Heroicons V1 | @iconify-prerendered/vue-heroicons-outline | 4 أغسطس 2024 |
| Heroicons v1 الصلبة | @iconify-prerendered/vue-heroicons-solid | 4 أغسطس 2024 |
| أيقونات ضخمة | @iconify-prerendered/vue-hugeicons | 21 ديسمبر 2024 |
| المتواضعون | @iconify-prerendered/vue-humbleicons | 23 ديسمبر 2024 |
| icalicons | @iconify-prerendered/vue-il | 11 ديسمبر 2023 |
| icomoon مجانا | @iconify-prerendered/vue-icomoon-free | 4 أغسطس 2024 |
| أيقونامون | @iconify-prerendered/vue-iconamoon | 4 أغسطس 2024 |
| iconoir | @iconify-prerendered/vue-iconoir | 28 ديسمبر 2024 |
| iconpark | @iconify-prerendered/vue-icon-park | 26 نوفمبر 2023 |
| مخطط iconpark | @iconify-prerendered/vue-icon-park-outline | 4 أغسطس 2024 |
| iconpark الصلبة | @iconify-prerendered/vue-icon-park-solid | 4 أغسطس 2024 |
| iconpark twotone | @iconify-prerendered/vue-icon-park-twotone | 4 أغسطس 2024 |
| Icons8 Windows 10 Icons | @iconify-prerendered/vue-icons8 | 4 أغسطس 2024 |
| Icons8 أيقونات Windows 8 | @iconify-prerendered/vue-wpf | 4 أغسطس 2024 |
| خط innowatio | @iconify-prerendered/vue-iwwa | 4 أغسطس 2024 |
| الأيوني | @iconify-prerendered/vue-ion | 2 مايو 2024 |
| أيقونات المربى | @iconify-prerendered/vue-jam | 4 أغسطس 2024 |
| يتيح الرموز | @iconify-prerendered/vue-lets-icons | 4 أغسطس 2024 |
| رموز الرباط | @iconify-prerendered/vue-ls | 4 أغسطس 2024 |
| خط رائع | @iconify-prerendered/vue-la | 4 أغسطس 2024 |
| خطوط | @iconify-prerendered/vue-lineicons | 26 أكتوبر 2024 |
| lsicon | @iconify-prerendered/vue-lsicon | 3 أكتوبر 2024 |
| sucide | @iconify-prerendered/vue-lucide | 21 ديسمبر 2024 |
| Lucide Lab | @iconify-prerendered/vue-lucide-lab | 9 نوفمبر 2024 |
| رموز ماجي | @iconify-prerendered/vue-mage | 4 أغسطس 2024 |
| ماجستير | @iconify-prerendered/vue-majesticons | 4 أغسطس 2024 |
| ماكي | @iconify-prerendered/vue-maki | 16 ديسمبر 2024 |
| الرموز الخريطة | @iconify-prerendered/vue-map | 4 أغسطس 2024 |
| Marketeq | @iconify-prerendered/vue-marketeq | 4 أبريل 2024 |
| تصميم المواد الأيقونية للمواد | @iconify-prerendered/vue-zmdi | 11 ديسمبر 2023 |
| أيقونات تصميم المواد | @iconify-prerendered/vue-mdi | 20 يونيو 2024 |
| مصباح تصميم المواد | @iconify-prerendered/vue-mdi-light | 4 أغسطس 2024 |
| أيقونات خط المواد | @iconify-prerendered/vue-line-md | 9 ديسمبر 2024 |
| رموز المواد | @iconify-prerendered/vue-material-symbols | 6 ديسمبر 2024 |
| رموز المواد ضوء | @iconify-prerendered/vue-material-symbols-light | 6 ديسمبر 2024 |
| الرموز الطبية | @iconify-prerendered/vue-medical-icon | 4 أغسطس 2024 |
| أيقونات الذاكرة | @iconify-prerendered/vue-memory | 2 يناير 2024 |
| الأرصاد الجوية | @iconify-prerendered/vue-meteocons | يوليو 1 ، 2024 |
| أيقونات النيزك | @iconify-prerendered/vue-meteor-icons | 9 نوفمبر 2024 |
| أيقونة mingcute | @iconify-prerendered/vue-mingcute | 23 ديسمبر 2024 |
| أيقونات أحادية | @iconify-prerendered/vue-mi | 4 أغسطس 2024 |
| أيقونات أحادية | @iconify-prerendered/vue-mono-icons | 4 أغسطس 2024 |
| مينا ui iconons | @iconify-prerendered/vue-mynaui | 25 نوفمبر 2024 |
| نيمبوس | @iconify-prerendered/vue-nimbus | 4 أغسطس 2024 |
| نونيكون | @iconify-prerendered/vue-nonicons | 16 ديسمبر 2024 |
| نوتو الرموز التعبيرية | @iconify-prerendered/vue-noto | 7 أكتوبر 2024 |
| Noto Emoji (V1) | @iconify-prerendered/vue-noto-v1 | 4 أغسطس 2024 |
| الرموز الأساسية NRK | @iconify-prerendered/vue-nrk | 14 نوفمبر 2024 |
| الثمن | @iconify-prerendered/vue-octicon | 6 ديسمبر 2024 |
| أووي | @iconify-prerendered/vue-ooui | 21 ديسمبر 2024 |
| فتح أيقوني | @iconify-prerendered/vue-oi | 4 أغسطس 2024 |
| OpenMoji | @iconify-prerendered/vue-openmoji | 23 أكتوبر 2024 |
| OpenSearch واجهة المستخدم | @iconify-prerendered/vue-oui | نوفمبر 2 ، 2024 |
| pepicons | @iconify-prerendered/vue-pepicons | 2 يناير 2023 |
| قلم رصاص pepicons | @iconify-prerendered/vue-pepicons-pencil | 4 أغسطس 2024 |
| pepicons pop! | @iconify-prerendered/vue-pepicons-pop | 4 أغسطس 2024 |
| pepicons طباعة | @iconify-prerendered/vue-pepicons-print | 4 أغسطس 2024 |
| الفسفور | @iconify-prerendered/vue-ph | 6 مايو 2024 |
| بيكسلارتيكون | @iconify-prerendered/vue-pixelarticons | 18 أبريل 2024 |
| أيقونات بريستاشوب | @iconify-prerendered/vue-ps | 4 أغسطس 2024 |
| الرموز الأولية | @iconify-prerendered/vue-prime | 9 مايو 2024 |
| بروكرون | @iconify-prerendered/vue-proicons | 16 ديسمبر 2024 |
| أيقونات qeptine | @iconify-prerendered/vue-qlementine-icons | 25 نوفمبر 2024 |
| الرموز الريفية | @iconify-prerendered/vue-quill | 4 أغسطس 2024 |
| أيقونات Radix | @iconify-prerendered/vue-radix-icons | 4 أغسطس 2024 |
| رافائيل | @iconify-prerendered/vue-raphael | 4 أغسطس 2024 |
| ريمكس أيقونة | @iconify-prerendered/vue-ri | 17 ديسمبر 2024 |
| أيقونات برشام | @iconify-prerendered/vue-rivet-icons | 20 يونيو 2024 |
| أيقونات سارجام | @iconify-prerendered/vue-si | 8 أكتوبر 2024 |
| أيقونات تجربة Siemens الصناعية | @iconify-prerendered/vue-ix | 9 نوفمبر 2024 |
| أيقونات بسيطة | @iconify-prerendered/vue-simple-icons | 23 ديسمبر 2024 |
| أيقونات خط بسيطة | @iconify-prerendered/vue-simple-line-icons | 4 أغسطس 2024 |
| أيقونات المهارة | @iconify-prerendered/vue-skill-icons | يوليو 17 ، 2024 |
| Smarticons Glyph | @iconify-prerendered/vue-si-glyph | 4 أغسطس 2024 |
| الطاقة الشمسية | @iconify-prerendered/vue-solar | 4 أغسطس 2024 |
| أيقونات خبأ | @iconify-prerendered/vue-stash | 8 أكتوبر 2024 |
| تبسيط | @iconify-prerendered/vue-streamline | 4 أغسطس 2024 |
| تبسيط الرموز التعبيرية | @iconify-prerendered/vue-streamline-emojis | 4 أغسطس 2024 |
| مجموعة رمز المترو | @iconify-prerendered/vue-subway | 3 يونيو 2024 |
| شعارات SVG | @iconify-prerendered/vue-logos | 3 أكتوبر 2024 |
| المغازل SVG | @iconify-prerendered/vue-svg-spinners | 15 يناير 2023 |
| نظام uicons | @iconify-prerendered/vue-system-uicons | 4 أغسطس 2024 |
| أيقونات Tableer | @iconify-prerendered/vue-tabler | 16 ديسمبر 2024 |
| أيقونات tdesign | @iconify-prerendered/vue-tdesign | 28 نوفمبر 2024 |
| TEENYICONS | @iconify-prerendered/vue-teenyicons | 4 أغسطس 2024 |
| أيقونات المعطف | @iconify-prerendered/vue-topcoat | 4 أغسطس 2024 |
| Twitter Emoji | @iconify-prerendered/vue-twemoji | 4 أغسطس 2024 |
| طموحات | @iconify-prerendered/vue-typcn | 4 أغسطس 2024 |
| أيقونات UIW | @iconify-prerendered/vue-uiw | 24 يونيو 2024 |
| وحيدات | @iconify-prerendered/vue-uil | 17 ديسمبر 2024 |
| أحادي اللون أحادي اللون | @iconify-prerendered/vue-uim | 17 ديسمبر 2024 |
| يونيسيون صلبة | @iconify-prerendered/vue-uis | 17 ديسمبر 2024 |
| خط رفيع وحيدون | @iconify-prerendered/vue-uit | 17 ديسمبر 2024 |
| شعارات UNJS | @iconify-prerendered/vue-unjs | يوليو 17 ، 2024 |
| أيقونات فادين | @iconify-prerendered/vue-vaadin | 4 أغسطس 2024 |
| أيقونات Vesper | @iconify-prerendered/vue-vs | 11 ديسمبر 2023 |
| أيقونات VSCODE | @iconify-prerendered/vue-vscode-icons | 16 ديسمبر 2024 |
| أيقونات الطقس | @iconify-prerendered/vue-wi | 4 أغسطس 2024 |
| رموز الويب ليجا | @iconify-prerendered/vue-websymbol | 11 ديسمبر 2023 |
| أيقونات Web3 | @iconify-prerendered/vue-token | 19 ديسمبر 2024 |
| Web3 أيقونات تحمل علامة تجارية | @iconify-prerendered/vue-token-branded | 19 ديسمبر 2024 |
| webhostinghub shopphs | @iconify-prerendered/vue-whh | 4 أغسطس 2024 |
| أيقونة weui | @iconify-prerendered/vue-weui | 20 يونيو 2024 |
| Zondicons | @iconify-prerendered/vue-zondicons | 4 أغسطس 2024 |
يتم توزيع رمز إنشاء مجموعات الرمز تحت رخصة معهد ماساتشوستس للتكنولوجيا. يتم توزيع الأيقونة نفسها تحت رخصة مؤلفهم.
deno task generate لإنشاء جميع المجموعات. params:--version أو -v تحديد قاعدة الإصدار للحزم التي تم إنشاؤها. خياري.--prefix أو -p حدد مع مجموعة لتوليدها. ربما عدة مرات. خياري.--no-replace-ids لا تعطيل استبدال المعرفات. مطلوب لحالة الاختبار. خياري.--output أو -o دليل لوضع الملفات التي تم إنشاؤها. خياري.deno task test لتشغيل جميع الاختبارات. شاهد المزيد عن تشغيل الاختبار. يمكنك قياس نسختين من مجموعات الأيقونات. للقيام بذلك:
deno task generate -p=fluent-emoji -o=benckmarks/generated/baselinedeno task generate -p=fluent-emoji -o=benckmarks/generated/testdeno bench --allow-env
