iconify prerendered
1.0.0
[! Важно] Этот проект поддерживается разработчиком из Украины ??
Я делаю все возможное, но благодаря продолжающемуся полномасштабному вторжению в Россию в Украине у меня едва есть энергия для поддержки проектов с открытым исходным кодом.
Если моя работа была полезна для вас, пожалуйста, рассмотрите возможность поддержки Украины или меня лично. Даже ваш 1 доллар оказывает влияние!
Суперсет автономные иконы для VUE для VUE с нулевыми зависимостями. Разработано для простоты использования и высокой производительности.
Живая демонстрация : https://stackblitz.com/edit/iconify-predendered-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 года |
| Иконки начальной загрузки | @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 года |
| Куликоны | @iconify-prerendered/vue-ci | 4 августа 2024 года |
| Coreui Brands | @iconify-prerendered/vue-cib | 25 июля 2024 года |
| Флаги COREUI | @iconify-prerendered/vue-cif | 25 июля 2024 года |
| Coreui бесплатно | @iconify-prerendered/vue-cil | 25 июля 2024 года |
| Ковидные значки | @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 года |
| Ashicons | @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+ Social | @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 года |
| Плоские значки UI | @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 года |
| Знаки цвета системы Fluent UI | @iconify-prerendered/vue-fluent-color | 16 декабря 2024 года |
| Знаки системы Fluent UI | @iconify-prerendered/vue-fluent | 16 декабря 2024 года |
| Шрифт потрясающий 4 | @iconify-prerendered/vue-fa | 11 декабря 2023 года |
| Шрифт Awesome 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 года |
| Font-Gis | @iconify-prerendered/vue-gis | 1 августа 2024 года |
| Фонтаудио | @iconify-prerendered/vue-fad | 4 августа 2024 года |
| Fontelico | @iconify-prerendered/vue-fontelico | 4 августа 2024 года |
| Фонтисто | @iconify-prerendered/vue-fontisto | 4 августа 2024 года |
| Formkit значки | @iconify-prerendered/vue-formkit | 9 апреля 2024 года |
| Фундамент | @iconify-prerendered/vue-foundation | 4 августа 2024 года |
| Framework7 Иконки | @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 года |
| Геоглифы | @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 года |
| Gridicons | @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 года |
| Героики 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 года |
| Иконоар | @iconify-prerendered/vue-iconoir | 28 декабря 2024 года |
| Iconpark | @iconify-prerendered/vue-icon-park | 26 ноября 2023 года |
| Iconpark Outline | @iconify-prerendered/vue-icon-park-outline | 4 августа 2024 года |
| Iconpark Solid | @iconify-prerendered/vue-icon-park-solid | 4 августа 2024 года |
| ICONPARK TWOTONE | @iconify-prerendered/vue-icon-park-twotone | 4 августа 2024 года |
| Icons8 Icons Windows 10 | @iconify-prerendered/vue-icons8 | 4 августа 2024 года |
| Icons8 Icons Windows 8 | @iconify-prerendered/vue-wpf | 4 августа 2024 года |
| Innovatio Font | @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 года |
| Люцид | @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 года |
| Смешанный значок | @iconify-prerendered/vue-mingcute | 23 декабря 2024 года |
| Моноконы | @iconify-prerendered/vue-mi | 4 августа 2024 года |
| Моноконы | @iconify-prerendered/vue-mono-icons | 4 августа 2024 года |
| Myna UI иконы | @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 Core иконки | @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 UI | @iconify-prerendered/vue-oui | 2 ноября 2024 года |
| Пепиконы | @iconify-prerendered/vue-pepicons | 2 января 2023 года |
| Пепиконы карандаш | @iconify-prerendered/vue-pepicons-pencil | 4 августа 2024 года |
| Pepicons Pop! | @iconify-prerendered/vue-pepicons-pop | 4 августа 2024 года |
| Пепиконы печати | @iconify-prerendered/vue-pepicons-print | 4 августа 2024 года |
| Фосфор | @iconify-prerendered/vue-ph | 6 мая 2024 года |
| Pixelarticons | @iconify-prerendered/vue-pixelarticons | 18 апреля 2024 года |
| Престашоп значков | @iconify-prerendered/vue-ps | 4 августа 2024 года |
| Главные значки | @iconify-prerendered/vue-prime | 9 мая 2024 года |
| Пропионы | @iconify-prerendered/vue-proicons | 16 декабря 2024 года |
| Qlementine иконы | @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 Industrial Experience Icons | @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 Spinners | @iconify-prerendered/vue-svg-spinners | 15 января 2023 года |
| Система UICons | @iconify-prerendered/vue-system-uicons | 4 августа 2024 года |
| Значки таблеток | @iconify-prerendered/vue-tabler | 16 декабря 2024 года |
| Tdesign Значки | @iconify-prerendered/vue-tdesign | 28 ноября 2024 года |
| Подростки | @iconify-prerendered/vue-teenyicons | 4 августа 2024 года |
| Иконки с верхней частью | @iconify-prerendered/vue-topcoat | 4 августа 2024 года |
| Твиттер эмодзи | @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 года |
| Unicons Thin Line | @iconify-prerendered/vue-uit | 17 декабря 2024 года |
| Логотипы UNJS | @iconify-prerendered/vue-unjs | 17 июля 2024 года |
| Ваадинские иконы | @iconify-prerendered/vue-vaadin | 4 августа 2024 года |
| Весперские значки | @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 Glyphs | @iconify-prerendered/vue-whh | 4 августа 2024 года |
| WeUi значок | @iconify-prerendered/vue-weui | 20 июня 2024 года |
| Zondicons | @iconify-prerendered/vue-zondicons | 4 августа 2024 года |
Код для генерации наборов значков распространяется по лицензии MIT. Значение икона распределяется по лицензии их автора.
deno task generate для генерации всех коллекций. Параметры:--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
