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，可以快速添加各种高质量的图标到应用中 。