yesicon

yesicon官网,超过150个圖标集,总计超过20万个圖标的高质量矢量圖标库

简介

Iconify 是一个功能丰富的圖标框架，它支持多种圖标库，提供統一的圖标使用方式。Iconify 集成了超过150个圖标集，总计超过20万个圖标，包括流行的圖标库如 FontAwesome、Material Design Icons、DashIcons、Feather Icons、EmojiOne、Noto Emoji 等 。

yesicon官网: https://yesicon.app/

Yesicon 支持多语言搜索，用户可以在不同语言中跨圖标集进行搜索，方便快捷地找到所需的圖标。此外，它提供丰富的定制選项，允許用户直接在网站上修改圖标的顏色、大小和代碼样式。Yesicon 的一键复制和下载功能简化了將圖标集成到專案中的过程，大大提高了工作效率。

主要功能和特色

Iconify 的特点包括：
1. **自由選择圖标**：提供所有流行的圖标集，一个框架内超过200,000个開源矢量圖标 。
2. **開源專案**：Iconify 是一个開源專案，大部分部分使用 MIT 許可證，一些旧包可能使用 Apache 2.0 和/或 GPL 2.0 許可證。这些許可證不适用于圖标本身，圖标集使用各种開源許可證 。
3. **广泛的框架支持**：支持多种前端框架，如 React、Vue 和 Svelte，提供相应的组件 。
4. **动態加载**：Iconify 的圖标组件不直接包含圖标資料，而是从 Iconify API 动態加载所需的資料，这样可以減少不必要的資源加载 。
5. **跨平台工具**：提供 Figma、Sketch 和 Adobe XD 等設计軟體的插件，让設计工作更高效 。
6. **易用性**：支持 Web 组件，确保在不同框架中的兼容性和一致性 。

Iconify 可以应用于各种場景，如网页開發、設计工具插件、应用擴展等。它还提供了在线生成器，允許用户客製化 SVG 圖标的顏色、大小和样式，生成个性化圖标代碼，便于在專案中直接使用 。

在 Vue 3 中使用 Iconify，可以透過以下步驟：
1. 安装 Iconify Vue 包：
“`
npm install –save-dev @iconify/vue
“`
2. 在组件中使用 Icon 组件：
“`vue
<template>
<Icon icon=”mdi-light:home” />
</template>
<script setup>
import { Icon } from ‘@iconify/vue’;
</script>
“`
3. 如果需要离线加载圖标，可以安装完整的圖标集合并使用 Vite 的圖标自动引入插件 。

Iconify 还支持在 tailwindcss 中使用，可以透過安装相应的插件和配置来實现 。此外，Iconify 也可以与 Vite 2 + Vue 3 專案集成，透過安装、配置和使用 Iconify，可以快速添加各种高质量的圖标到应用中 。