iconify prerendered 다운로드 - iconify prerendered 소스 코드 다운로드

[! 중요]이 프로젝트는 우크라이나의 개발자가 유지 관리하고 있습니까 ??
나는 최선을 다하지만 러시아의 지속적인 우크라이나 침공으로 인해 오픈 소스 프로젝트를 지원할 에너지가 거의 없습니다.
내 일이 당신에게 유용한 경우, 우크라이나 또는 개인적으로 지원하는 것을 고려하십시오. 당신의 $ 1 조차도 영향을 미칩니다!

@iconify-prerendered

의존성이없는 VUE 용 슈퍼 세트 독립형 아이콘 경쟁. 사용 편의성과 고성능을 위해 설계되었습니다.

특징

사용하기 쉽습니다
- 플러그인이 필요하지 않습니다! 모든 빌드 도구와 호환됩니다.
- IDE 자동 완성 (DEM)과 최상의 호환성을 위해 설계되었습니다.
- 제로 의존성.
- SSR / SSG 친화적.
- 타입 스크립트 지원.
- 모든 아이콘 세트에서 통합 API.
고성능
- 글꼴, CSS, 이미지와 같은 외부 자원이 필요하지 않습니다.
- 아이콘 코드는 번들에 내장되어 있습니다.
- 트리 흔들림을 지원하므로 사용한 아이콘 만 번들에 포함됩니다.
- 오프라인으로 작동합니다.
Iconify로 구동됩니다.

라이브 데모 : 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 >

이 세 아이콘 만 번들에 포함됩니다. Bundler는 다른 모든 아이콘을 나무로 흔들어 줄 수 있습니다.

그게 당신이 필요한 전부입니다. 플러그인, 추가 구성, 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`	2024 년 9 월 28 일
아카르 아이콘	`@iconify-prerendered/vue-akar-icons`	2024 년 8 월 4 일
개미 디자인 아이콘	`@iconify-prerendered/vue-ant-design`	2024 년 12 월 16 일
아크 티콘	`@iconify-prerendered/vue-arcticons`	2024 년 12 월 28 일
바질	`@iconify-prerendered/vue-basil`	2024 년 8 월 4 일
비트 코인 아이콘	`@iconify-prerendered/vue-bitcoin-icons`	2024 년 8 월 4 일
부트 스트랩 아이콘	`@iconify-prerendered/vue-bi`	2024 년 1 월 5 일
Boxicons	`@iconify-prerendered/vue-bx`	2024 년 8 월 4 일
Boxicons 로고	`@iconify-prerendered/vue-bxl`	2024 년 8 월 4 일
Boxicons 고체	`@iconify-prerendered/vue-bxs`	2024 년 8 월 4 일
BPMN	`@iconify-prerendered/vue-bpmn`	2024 년 8 월 4 일
브랜디코	`@iconify-prerendered/vue-brandico`	2024 년 8 월 4 일
바이트 크기의 아이콘	`@iconify-prerendered/vue-bytesize`	2024 년 8 월 4 일
탄소	`@iconify-prerendered/vue-carbon`	2024 년 10 월 26 일
catppuccin 아이콘	`@iconify-prerendered/vue-catppuccin`	2024 년 12 월 3 일
매력 아이콘	`@iconify-prerendered/vue-charm`	2024 년 8 월 4 일
원 깃발	`@iconify-prerendered/vue-circle-flags`	2024 년 12 월 12 일
둘레 아이콘	`@iconify-prerendered/vue-circum`	2024 년 4 월 22 일
명쾌함	`@iconify-prerendered/vue-clarity`	2024 년 6 월 3 일
코덱스 아이콘	`@iconify-prerendered/vue-codex`	2024 년 12 월 27 일
코디콘	`@iconify-prerendered/vue-codicon`	2024 년 12 월 12 일
쿨리콘	`@iconify-prerendered/vue-ci`	2024 년 8 월 4 일
Coreui 브랜드	`@iconify-prerendered/vue-cib`	2024 년 7 월 25 일
Coreui 플래그	`@iconify-prerendered/vue-cif`	2024 년 7 월 25 일
Coreui 무료	`@iconify-prerendered/vue-cil`	2024 년 7 월 25 일
코비드 아이콘	`@iconify-prerendered/vue-covid`	2024 년 8 월 4 일
cryptocurrency 색상 아이콘	`@iconify-prerendered/vue-cryptocurrency-color`	2024 년 8 월 4 일
cryptocurrency 아이콘	`@iconify-prerendered/vue-cryptocurrency`	2024 년 8 월 4 일
css.gg	`@iconify-prerendered/vue-gg`	2024 년 8 월 4 일
Cuida 아이콘	`@iconify-prerendered/vue-cuida`	2024 년 10 월 3 일
맞춤형 브랜드 아이콘	`@iconify-prerendered/vue-cbi`	2024 년 11 월 19 일
대시 콘	`@iconify-prerendered/vue-dashicons`	2024 년 5 월 27 일
데비콘	`@iconify-prerendered/vue-devicon`	2024 년 12 월 26 일
Devicon Plain	`@iconify-prerendered/vue-devicon-plain`	2024 년 12 월 26 일
듀오 이콘	`@iconify-prerendered/vue-duo-icons`	2024 년 9 월 28 일
우아한	`@iconify-prerendered/vue-et`	2024 년 8 월 4 일
요소 플러스	`@iconify-prerendered/vue-ep`	2024 년 3 월 11 일
어려운 아이콘	`@iconify-prerendered/vue-el`	2024 년 8 월 4 일
이모티콘 하나 (컬러)	`@iconify-prerendered/vue-emojione`	2024 년 8 월 4 일
이모티콘 원 (모노톤)	`@iconify-prerendered/vue-emojione-monotone`	2024 년 8 월 4 일
이모 지 1 (v1)	`@iconify-prerendered/vue-emojione-v1`	2024 년 8 월 4 일
entypo+	`@iconify-prerendered/vue-entypo`	2024 년 8 월 4 일
Entypo+ 소셜	`@iconify-prerendered/vue-entypo-social`	2024 년 8 월 4 일
EOS 아이콘	`@iconify-prerendered/vue-eos-icons`	2024 년 8 월 4 일
에바 아이콘	`@iconify-prerendered/vue-eva`	2024 년 8 월 4 일
사악한 아이콘	`@iconify-prerendered/vue-ei`	2024 년 8 월 4 일
Famicons	`@iconify-prerendered/vue-famicons`	2024 년 12 월 27 일
깃털 아이콘	`@iconify-prerendered/vue-fe`	2024 년 8 월 4 일
깃털 아이콘	`@iconify-prerendered/vue-feather`	2024 년 8 월 4 일
파일 아이콘	`@iconify-prerendered/vue-file-icons`	2024 년 7 월 17 일
Firefox OS 이모티콘	`@iconify-prerendered/vue-fxemoji`	2024 년 8 월 4 일
플래그 아이콘	`@iconify-prerendered/vue-flag`	2024 년 10 월 7 일
깃대	`@iconify-prerendered/vue-flagpack`	2024 년 8 월 4 일
평평한 색상 아이콘	`@iconify-prerendered/vue-flat-color-icons`	2024 년 8 월 4 일
플랫 UI 아이콘	`@iconify-prerendered/vue-flat-ui`	2024 년 8 월 4 일
FlowBite 아이콘	`@iconify-prerendered/vue-flowbite`	2024 년 10 월 11 일
유창한 이모티콘	`@iconify-prerendered/vue-fluent-emoji`	2024 년 10 월 3 일
유창한 이모티콘 플랫	`@iconify-prerendered/vue-fluent-emoji-flat`	2024 년 10 월 3 일
유창한 이모티콘 높은 대비	`@iconify-prerendered/vue-fluent-emoji-high-contrast`	2024 년 10 월 3 일
유창한 UI MDL2	`@iconify-prerendered/vue-fluent-mdl2`	2024 년 4 월 7 일
유창한 UI 시스템 색상 아이콘	`@iconify-prerendered/vue-fluent-color`	2024 년 12 월 16 일
유창한 UI 시스템 아이콘	`@iconify-prerendered/vue-fluent`	2024 년 12 월 16 일
글꼴 굉장한 4	`@iconify-prerendered/vue-fa`	2023 년 12 월 11 일
글꼴 멋진 5 브랜드	`@iconify-prerendered/vue-fa-brands`	2024 년 8 월 4 일
글꼴 굉장한 5 정규	`@iconify-prerendered/vue-fa-regular`	2024 년 8 월 4 일
글꼴 굉장한 5 솔리드	`@iconify-prerendered/vue-fa-solid`	2024 년 8 월 4 일
글꼴 멋진 브랜드	`@iconify-prerendered/vue-fa6-brands`	2024 년 12 월 17 일
글꼴 굉장한 규칙	`@iconify-prerendered/vue-fa6-regular`	2024 년 11 월 19 일
글꼴 굉장한 솔리드	`@iconify-prerendered/vue-fa6-solid`	2024 년 11 월 19 일
글꼴 기스	`@iconify-prerendered/vue-gis`	2024 년 8 월 1 일
폰 타우 디오	`@iconify-prerendered/vue-fad`	2024 년 8 월 4 일
Fontelico	`@iconify-prerendered/vue-fontelico`	2024 년 8 월 4 일
폰티스토	`@iconify-prerendered/vue-fontisto`	2024 년 8 월 4 일
Formkit 아이콘	`@iconify-prerendered/vue-formkit`	2024 년 4 월 9 일
기반	`@iconify-prerendered/vue-foundation`	2024 년 8 월 4 일
프레임 워크 7 아이콘	`@iconify-prerendered/vue-f7`	2024 년 8 월 4 일
갈라 아이콘	`@iconify-prerendered/vue-gala`	2023 년 11 월 26 일
게임 아이콘	`@iconify-prerendered/vue-game-icons`	2024 년 4 월 7 일
정원 SVG 아이콘	`@iconify-prerendered/vue-garden`	2024 년 12 월 27 일
지오 글 리그	`@iconify-prerendered/vue-geo`	2024 년 8 월 4 일
gitlab svgs	`@iconify-prerendered/vue-pajamas`	2024 년 11 월 14 일
Google 자료 아이콘	`@iconify-prerendered/vue-ic`	2024 년 8 월 4 일
중력 UI 아이콘	`@iconify-prerendered/vue-gravity-ui`	2024 년 12 월 16 일
그리드콘	`@iconify-prerendered/vue-gridicons`	2024 년 8 월 4 일
그로밋 아이콘	`@iconify-prerendered/vue-grommet-icons`	2024 년 5 월 27 일
안내	`@iconify-prerendered/vue-guidance`	2024 년 8 월 4 일
건강 아이콘	`@iconify-prerendered/vue-healthicons`	2024 년 12 월 28 일
영웅	`@iconify-prerendered/vue-heroicons`	2024 년 7 월 25 일
Heroicons v1 개요	`@iconify-prerendered/vue-heroicons-outline`	2024 년 8 월 4 일
Heroicons V1 Solid	`@iconify-prerendered/vue-heroicons-solid`	2024 년 8 월 4 일
거대한 아이콘	`@iconify-prerendered/vue-hugeicons`	2024 년 12 월 21 일
겸손한	`@iconify-prerendered/vue-humbleicons`	2024 년 12 월 23 일
icalicons	`@iconify-prerendered/vue-il`	2023 년 12 월 11 일
Icomoon 무료	`@iconify-prerendered/vue-icomoon-free`	2024 년 8 월 4 일
아이코롱	`@iconify-prerendered/vue-iconamoon`	2024 년 8 월 4 일
아이코 노르	`@iconify-prerendered/vue-iconoir`	2024 년 12 월 28 일
아이콘 파크	`@iconify-prerendered/vue-icon-park`	2023 년 11 월 26 일
아이콘 파크 개요	`@iconify-prerendered/vue-icon-park-outline`	2024 년 8 월 4 일
아이콘 파크 고체	`@iconify-prerendered/vue-icon-park-solid`	2024 년 8 월 4 일
아이콘 파크 트위 톤	`@iconify-prerendered/vue-icon-park-twotone`	2024 년 8 월 4 일
ICONS8 Windows 10 아이콘	`@iconify-prerendered/vue-icons8`	2024 년 8 월 4 일
ICONS8 Windows 8 아이콘	`@iconify-prerendered/vue-wpf`	2024 년 8 월 4 일
Innowatio 글꼴	`@iconify-prerendered/vue-iwwa`	2024 년 8 월 4 일
이오니콘	`@iconify-prerendered/vue-ion`	2024 년 5 월 2 일
잼 아이콘	`@iconify-prerendered/vue-jam`	2024 년 8 월 4 일
아이콘을 보자	`@iconify-prerendered/vue-lets-icons`	2024 년 8 월 4 일
인자 기호	`@iconify-prerendered/vue-ls`	2024 년 8 월 4 일
굉장한 라인	`@iconify-prerendered/vue-la`	2024 년 8 월 4 일
라인 컨	`@iconify-prerendered/vue-lineicons`	2024 년 10 월 26 일
LSICON	`@iconify-prerendered/vue-lsicon`	2024 년 10 월 3 일
루시 사이드	`@iconify-prerendered/vue-lucide`	2024 년 12 월 21 일
Lucide Lab	`@iconify-prerendered/vue-lucide-lab`	2024 년 11 월 9 일
마법사 아이콘	`@iconify-prerendered/vue-mage`	2024 년 8 월 4 일
Majesticons	`@iconify-prerendered/vue-majesticons`	2024 년 8 월 4 일
마키	`@iconify-prerendered/vue-maki`	2024 년 12 월 16 일
지도 아이콘	`@iconify-prerendered/vue-map`	2024 년 8 월 4 일
마케팅 Q	`@iconify-prerendered/vue-marketeq`	2024 년 4 월 4 일
재료 디자인 상징적 인 글꼴	`@iconify-prerendered/vue-zmdi`	2023 년 12 월 11 일
재료 디자인 아이콘	`@iconify-prerendered/vue-mdi`	2024 년 6 월 20 일
재료 설계 조명	`@iconify-prerendered/vue-mdi-light`	2024 년 8 월 4 일
재료 라인 아이콘	`@iconify-prerendered/vue-line-md`	2024 년 12 월 9 일
재료 기호	`@iconify-prerendered/vue-material-symbols`	2024 년 12 월 6 일
재료 기호가 빛	`@iconify-prerendered/vue-material-symbols-light`	2024 년 12 월 6 일
의료 아이콘	`@iconify-prerendered/vue-medical-icon`	2024 년 8 월 4 일
메모리 아이콘	`@iconify-prerendered/vue-memory`	2024 년 1 월 2 일
Meteocons	`@iconify-prerendered/vue-meteocons`	2024 년 7 월 1 일
유성 아이콘	`@iconify-prerendered/vue-meteor-icons`	2024 년 11 월 9 일
Mingcute 아이콘	`@iconify-prerendered/vue-mingcute`	2024 년 12 월 23 일
모노 아이콘	`@iconify-prerendered/vue-mi`	2024 년 8 월 4 일
모노 아이콘	`@iconify-prerendered/vue-mono-icons`	2024 년 8 월 4 일
myna ui 아이콘	`@iconify-prerendered/vue-mynaui`	2024 년 11 월 25 일
후광	`@iconify-prerendered/vue-nimbus`	2024 년 8 월 4 일
비니콘	`@iconify-prerendered/vue-nonicons`	2024 년 12 월 16 일
노토 이모티콘	`@iconify-prerendered/vue-noto`	2024 년 10 월 7 일
노토 이모티콘 (v1)	`@iconify-prerendered/vue-noto-v1`	2024 년 8 월 4 일
NRK 코어 아이콘	`@iconify-prerendered/vue-nrk`	2024 년 11 월 14 일
오티콘	`@iconify-prerendered/vue-octicon`	2024 년 12 월 6 일
OOUI	`@iconify-prerendered/vue-ooui`	2024 년 12 월 21 일
상징적 인 개방	`@iconify-prerendered/vue-oi`	2024 년 8 월 4 일
OpenMoji	`@iconify-prerendered/vue-openmoji`	2024 년 10 월 23 일
OpenSearch ui	`@iconify-prerendered/vue-oui`	2024 년 11 월 2 일
페비콘	`@iconify-prerendered/vue-pepicons`	2023 년 1 월 2 일
Pepicons 연필	`@iconify-prerendered/vue-pepicons-pencil`	2024 년 8 월 4 일
Pepicons 팝!	`@iconify-prerendered/vue-pepicons-pop`	2024 년 8 월 4 일
페비콘 프린트	`@iconify-prerendered/vue-pepicons-print`	2024 년 8 월 4 일
인광 물질	`@iconify-prerendered/vue-ph`	2024 년 5 월 6 일
Pixelarticons	`@iconify-prerendered/vue-pixelarticons`	2024 년 4 월 18 일
Prestashop 아이콘	`@iconify-prerendered/vue-ps`	2024 년 8 월 4 일
프라임 아이콘	`@iconify-prerendered/vue-prime`	2024 년 5 월 9 일
Proicons	`@iconify-prerendered/vue-proicons`	2024 년 12 월 16 일
Qlementine 아이콘	`@iconify-prerendered/vue-qlementine-icons`	2024 년 11 월 25 일
퀼 아이콘	`@iconify-prerendered/vue-quill`	2024 년 8 월 4 일
radix 아이콘	`@iconify-prerendered/vue-radix-icons`	2024 년 8 월 4 일
라파엘	`@iconify-prerendered/vue-raphael`	2024 년 8 월 4 일
리믹스 아이콘	`@iconify-prerendered/vue-ri`	2024 년 12 월 17 일
리벳 아이콘	`@iconify-prerendered/vue-rivet-icons`	2024 년 6 월 20 일
사르 람 아이콘	`@iconify-prerendered/vue-si`	2024 년 10 월 8 일
Siemens 산업 경험 아이콘	`@iconify-prerendered/vue-ix`	2024 년 11 월 9 일
간단한 아이콘	`@iconify-prerendered/vue-simple-icons`	2024 년 12 월 23 일
간단한 라인 아이콘	`@iconify-prerendered/vue-simple-line-icons`	2024 년 8 월 4 일
기술 아이콘	`@iconify-prerendered/vue-skill-icons`	2024 년 7 월 17 일
Smarticons Glyph	`@iconify-prerendered/vue-si-glyph`	2024 년 8 월 4 일
태양	`@iconify-prerendered/vue-solar`	2024 년 8 월 4 일
아이콘을 숨겼습니다	`@iconify-prerendered/vue-stash`	2024 년 10 월 8 일
유선	`@iconify-prerendered/vue-streamline`	2024 년 8 월 4 일
이모티콘을 간소화하십시오	`@iconify-prerendered/vue-streamline-emojis`	2024 년 8 월 4 일
지하철 아이콘 세트	`@iconify-prerendered/vue-subway`	2024 년 6 월 3 일
SVG 로고	`@iconify-prerendered/vue-logos`	2024 년 10 월 3 일
SVG 스피너	`@iconify-prerendered/vue-svg-spinners`	2023 년 1 월 15 일
시스템 uicons	`@iconify-prerendered/vue-system-uicons`	2024 년 8 월 4 일
타블러 아이콘	`@iconify-prerendered/vue-tabler`	2024 년 12 월 16 일
tdesign 아이콘	`@iconify-prerendered/vue-tdesign`	2024 년 11 월 28 일
Teenyicons	`@iconify-prerendered/vue-teenyicons`	2024 년 8 월 4 일
탑 코트 아이콘	`@iconify-prerendered/vue-topcoat`	2024 년 8 월 4 일
트위터 이모티콘	`@iconify-prerendered/vue-twemoji`	2024 년 8 월 4 일
타이피콘	`@iconify-prerendered/vue-typcn`	2024 년 8 월 4 일
UIW 아이콘	`@iconify-prerendered/vue-uiw`	2024 년 6 월 24 일
유니콘	`@iconify-prerendered/vue-uil`	2024 년 12 월 17 일
유니콘 단색	`@iconify-prerendered/vue-uim`	2024 년 12 월 17 일
유니콘 고체	`@iconify-prerendered/vue-uis`	2024 년 12 월 17 일
유니콘 얇은 선	`@iconify-prerendered/vue-uit`	2024 년 12 월 17 일
UNJS 로고	`@iconify-prerendered/vue-unjs`	2024 년 7 월 17 일
Vaadin 아이콘	`@iconify-prerendered/vue-vaadin`	2024 년 8 월 4 일
베스퍼 아이콘	`@iconify-prerendered/vue-vs`	2023 년 12 월 11 일
vscode 아이콘	`@iconify-prerendered/vue-vscode-icons`	2024 년 12 월 16 일
날씨 아이콘	`@iconify-prerendered/vue-wi`	2024 년 8 월 4 일
웹 기호 Liga	`@iconify-prerendered/vue-websymbol`	2023 년 12 월 11 일
Web3 아이콘	`@iconify-prerendered/vue-token`	2024 년 12 월 19 일
Web3 아이콘 브랜드	`@iconify-prerendered/vue-token-branded`	2024 년 12 월 19 일
Webhostinghub Glyphs	`@iconify-prerendered/vue-whh`	2024 년 8 월 4 일
Weui 아이콘	`@iconify-prerendered/vue-weui`	2024 년 6 월 20 일
Zondicons	`@iconify-prerendered/vue-zondicons`	2024 년 8 월 4 일

특허

아이콘 세트를 생성하기위한 코드는 MIT 라이센스에 따라 배포됩니다. 아이콘 세트 자체는 저자의 라이센스에 따라 배포됩니다.

개발 설정

데노를 설치하십시오.
모든 컬렉션을 생성하기 위해 실행 deno task generate . 매개 변수 :
- --version 또는 -v 생성 된 패키지에 대한 버전 기반을 지정합니다. 선택 과목.
- --prefix 또는 -p 생성 할 컬렉션으로 지정합니다. 어쩌면 여러 번. 선택 과목.
- --no-replace-ids 교체 ID를 비활성화합니다. 테스트 사례에 필요합니다. 선택 과목.
- -생성 된 파일을 배치 할 --output 또는 -o 디렉토리. 선택 과목.
모든 테스트를 실행하려는 deno task test 실행하십시오. 테스트 실행에 대한 자세한 내용을 참조하십시오.

벤치마킹

두 가지 버전의 아이콘 세트를 벤치마킹 할 수 있습니다. 그렇게하려면 :

명령에 의해 설정된 기준선 아이콘 생성 : deno task generate -p=fluent-emoji -o=benckmarks/generated/baseline
세대 과정이나 무엇이든 변경하십시오
명령에 의해 설정된 테스트 아이콘 생성 : deno task generate -p=fluent-emoji -o=benckmarks/generated/test
deno bench --allow-env
#2로 이동하십시오

확장하다