分享43个前端、设计师常用优质的图标资源

时间：2023-10-04 23:18:01 | 来源：网站运营

时间：2023-10-04 23:18:01 来源：网站运营

分享43个前端、设计师常用优质的图标资源：

Unicons

Unicons 开源矢量图标和图标字体库。

IconPark

IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数设计师都能够选择适合自己的风格图标，并支持把图标源文件导出为React、Vue2、Vue3、SVG多种形式的组件代码，让开发者使用更高效

Feather

Feather 是简单漂亮的开源图标的集合。每个图标均以 24x24 网格设计，强调简单性，一致性和灵活性。

Font Awesome

Font Awesome 互联网上最流行的图标工具包已经重新设计，从头开始构建。除此之外，还有图标字体连字、SVG 框架、React 等流行前端库的官方 NPM 包，以及访问新 CDN 的功能。

Iconfont

Iconfont 阿里妈妈 MUX 倾力打造的矢量图标管理、交流平台，设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

Material Palette

Material Palette：可以自由选择材质设计的调色板，图标和颜色。

Google Material Deisgn Icons

Google Material Deisgn Icons 谷歌提供符合 Material 设计规范的免费图标库，可在 Web、Android 和 iOS 项目中。

IcoMoon

IcoMoon 是一个图标解决方案，提供三项主要服务：矢量图标包，IcoMoon 应用程序和以 SVG 或字体形式托管图标。

Tabler Icons

Tabler Icons 提供一套超过1250个免费 MIT 许可的高质量 SVG 图标供您在您的 Web 项目中使用。

还有一个跟它很像，不知道是不是同一个。

Tabler Icons 提供1262个完全可定制的免费 SVG 图标。

Heroicons

Heroicons 一组免费的 MIT 许可的高质量 SVG 图标，用于 UI 开发。

My Icon

My Icon 一套免费图标，用来更换 iOS 14 的图标。一共有几千个图标可供选择，还允许自定义和编辑。

Captain Icon

Captain Icon 提供 350+ 超赞免费矢量图标，增强您的移动和网页设计能力

CSS Icon

CSS Icon SVG Sprite，样式组件，NPM 和 API 中提供了开源 CSS，SVG 和 Figma UI 图标。

Ionicons

Ionicons 是一个完全开源的图标集，有1300个为 Web、iOS、Android 和桌面应用程序特制的图标。Ionicons 是为 Ionic 框架而构建的，所以图标既有材质设计，也有 iOS 版本。

Ikonate

Ikonate 是完全可定制的和可访问的，经过优化的矢量图标。

Eva Icons

Eva Icons 包含480多种制作精美的开源图标，用于常见操作和项目。

Icon Ninja

Icon Ninja 支持近 100 万免费图标素材的搜索引擎，支持关键词搜索，所有的素材均提供详细的如格式、宽度、高度、文件大小等信息，适合前端工程师或 PPT 设计师使用。素材格式是 PNG、SVG。

The Noun Project

The Noun Project 网站免费提供超过580个高度可辨识的符号图标，这种图标只用很简单的图像及黑白两色来强调表现事物的特征，因此很容易让人辨识出它的主题。

Icons8

Icons8 提供了一系列免费的图标、插图等资源。

Animated Icons

Animated Icons 是 Icons8 提供的免费动态图标服务，支持的格式有基于 Lottie 的 JSON、传统 GIF 动画，以及 After Effects 格式，可以方便的插入到视频中。

Flaticon

Flaticon 一个提供四百多万海量免费图标素材库，提供 PNG、SVG、EPS、PSD 和 BASE 64 矢量图标格式，完全可以满足你 UI 设计和网页设计项目。

Iconfinder

Iconfinder 近500万的图标数据库免费图标搜索引擎，提供 PNG，SVG 等格式。

ICONSVG

ICONSVG 一个为简化查找和生成项目通用图标过程的工具，前端设计师尤其需要。

Evericons

Evericons 为下一个项目收集460多个精心制作的图标，可免费使用及商用。

Icons

Icons 用于 Bootstrap 的官方开源 SVG 图标库。

Swifticons

Swifticons 是一个非凡的图标库。提供 2680个高级图标，24个类别，6种样式。

Super Tiny Icons

Super Tiny Icons 每个1KB以下！它是您喜欢的网站和应用程序徽标的微型 SVG 版本。

IconBeast

IconBeast 是矢量图标和符号的集合。图标不仅针对 iOS 应用开发进行了优化，而且还可以将其用于 Android 设备或任何其他类型的 Web 开发项目。这是超过3000个 iOS 标签栏和工具栏图标的终极软件包，它们是在网格中设计和制造的，可以随时使用并保证像素完美。您还可以使用矢量文件（EPS 和 AI）和适当的软件（Adobe Illustrator，CorelDraw 或 Inkscape）来自定义图标，并且可以将矢量图形调整为任意大小。您可以自由使用针对心脏内容修改过的图标：在应用程序，网站，3D软件，印刷品，横幅中，列表可能会继续存在。

IconBeast 提供的格式为 PNG（三种尺寸：30px * 30px，60px * 60px，90px * 90px），Vector AI，矢量 EPS，SVG 和 PSD PNG 也有三种颜色，即黑色，灰色和蓝色。此外，您将可以访问处于活动状态的图标以及500个完全免费的iOS Tab栏图标！IconBeast 将为您提供四十多种具有不同配置文件的图标集，例如用于商业和金融，地图和街道，软件工具和界面，体育和休闲，人类象形图等等。

Invision App

Invision App 免费的高质量 UI 套件，图标包和模型库

Zondicons

Zondicons 一组免费的高级SVG图标，供您在数字产品上使用

Maki Icons

Maki Icons 是专为地图设计师设计的图标集。Maki 包括公园，博物馆和礼拜场所等常见景点的图标。每个图标都可用作 SVG，有两种尺寸：11px * 11px和15px * 15px。

你还可以编辑 Maki 图标，以满足您的项目的需要！您可以更改图标的颜色、添加笔划或背景、上载或删除图标 SVG 以及将图标分组。首先，导入一组新的 Maki 图标，当您完成编辑后，命名您的文件并下载！

SVG-Morpheus

SVG-Morpheus 支持 SVG 图标从一个变形到另一个。（此项目不再维护）

styled-icons

styled-icons 受欢迎的图标包，例如 Font Awesome，Material Design 和 Octicons，可作为 React 样式的组件使用。

它提供了来自以下图标包的 20000 多个图标作为 styled 组件，完全支持 TypeScript 类型和 tree-shaking/ES 模块。

Digital Nomad Icons

Digital Nomad Icons 由设计师 Nadia 设计的生活类图标和emoji，100%免费使用，不过只有25个。

Free fonts

Free fonts 提供一系列的字体图标素材，包括 TTF，SVG，EOT，WOFF，OTF等格式，目前接800多万。

Find Icons

Find Icons 是一个免费图标搜索引擎，拥有全世界最大的图标库，搜索过滤和匹配算法让用户能够找到每个设计任务中需要的图标，例如搜寻特定尺寸、颜色、类型、授权方式等。

Visual Pharm

Visual Pharm 提供超快速搜索的免费的 SVG 图标库，貌似也是 Icons8 搞的平台。

Streamline Icons

Streamline Icons 涵盖 53 个分类，720 个子分类，拥有超过 30,000 个高质量图标，几乎满足你的所有设计需求。

Iconmonstr

Iconmonstr 是一个以简单线条为主的的免费图标库，收录超过 4000 种图标；由单一创作者维护，而且还在不断更新中，这在很大程度上保证了图标的质量；提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载，满足了设计师和开发者的各种需求场景；

Simple Icons

Simple Icons 超过1500个免费 SVG 图标的热门品牌。这是由 Dan Leech 在 Gihub 发起的一个开源小项目。

Flat Icon Design

Flat Icon Design 此网站为日本的 icon 网站，站内全部使用日文，没有语言切换，但是支持英文检索。Icon 风格为彩色扁平风，下载时可以改变图案大小，颜色及背景，支持 AI，EPS，JPEG，PNG，SVG格式的下载。

Icon Hover Effects

Icon Hover Effects 圆形图标的简单悬停效果

Twitter Emoji

Twitter Emoji 是一个简单的库，提供跨所有平台的标准 Unicode 表情符号支持。它遵循 Unicode 13.0 规范并支持 Emoji 13.0 规范。

其他一些资源你可能需要用到