Remix Icon
Remix Icon 是一套面向设计师和开发者的开源图标库。我们在设计之初将图标风格定义为中性风格，以便适用于各种用户群的项目。与拼凑混搭的图标库不同，Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的，并确保每一枚图标在拥有完美像素对齐的基础上风格一致且简洁易读。
在技术文档、个人博客、简历或项目展示页中，文字描述往往显得单调。一个精准的 Python 蛇形标志、一个熟悉的 React 原子图标，或是一个 Docker 鲸鱼，能瞬间传达技术栈信息，提升页面的专业度与可读性。
Devicon 是一个开源的图标集合，致力于汇集所有代表编程语言、框架、设计软件及开发工具的标志。无论是前端、后端、运维还是设计，你需要的技术图标，这里几乎都有。
核心亮点
- 海量覆盖：拥有 150+ 个图标，涵盖主流语言（Java, Python, Go）、框架（Vue, Angular, Next.js）、数据库（MySQL, MongoDB）、工具（Git, Docker, AWS）及设计软件（Figma, Photoshop）。
- 多种风格：每个图标提供多种变体，满足不同设计需求：
- 原版 (Plain)：标准彩色版本。
- 平面 (Plain Wordmark)：带文字商标的版本。
- 线条 (Line)：简约线稿风格，适合深色模式或极简设计。
- 原始 (Original)：最接近品牌官方规范的版本。
- 灵活交付：支持 SVG（矢量无损）、Web Font（字体图标，易于调整大小颜色）等多种格式。
- 持续更新：社区驱动，不断收录新兴技术栈图标。
极速上手：三种集成方式
方式一：CDN 引入（最简单，无需安装）
只需在 HTML <head> 中添加一行 CSS 链接，即可直接使用类名调用图标。
<!-- 1. 引入 CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
<!-- 2. 在 Body 中使用 -->
<!-- 语法：devicon-[名称]-[风格] -->
<i class="devicon-python-plain"></i>
<i class="devicon-react-original"></i>
<i class="devicon-docker-plain-wordmark"></i>
<i class="devicon-vscode-plain"></i>
方式二：NPM/Yarn 安装（适合现代前端项目）
如果你在使用 React, Vue, Next.js 等项目，可以通过包管理器安装。
# npm
npm install --save devicon
# yarn
yarn add devicon
然后在项目中导入 CSS：
import 'devicon/devicon.min.css';
// 或者在 style.scss 中
@import '~devicon/devicon.min.css';
方式三：直接使用 SVG（最高性能，无依赖）
访问 devicon.dev，搜索你需要的图标，直接复制 SVG 代码 粘贴到 HTML 中。这种方式没有字体加载延迟，且可以单独定制每个图标的样式。
常见使用场景
- 技术简历：在“技能清单”部分用图标代替纯文字列表，视觉更直观，HR 一眼就能捕捉到你的技术栈。
- GitHub README：为你的开源项目添加炫酷的技术栈徽章，提升项目专业度。
- 个人博客/网站：在文章头部标记所用技术，或在“关于我”页面展示擅长领域。
- 团队介绍页：展示团队成员擅长的技术工具，体现团队多样性。
- 技术文档：区分不同语言或工具的章节标题。
命名规范小贴士
Devicon 的类名遵循统一规范：devicon-[名称]-[风格]。
- 名称：通常是全小写，如
javascript,typescript,aws. - 风格：
plain: 纯色/标准版original: 原始版（通常带渐变或复杂细节）line: 线条版wordmark: 带文字商标- 组合示例：
devicon-javascript-plain,devicon-aws-original-wordmark
🔍 提示：不确定具体类名？请访问官网 devicon.dev 查看完整列表并一键复制类名。
版权说明
Devicon 中的所有产品名称、标志和品牌均为其各自所有者的财产。Devicon 仅提供图标的收集与分发，不代表任何品牌的背书。在使用时，请遵守相关品牌的品牌指南（例如不要随意修改 Logo 颜色或比例），仅将其用于识别目的。
数据统计
相关导航
Velvetyne
Velvetyne是一个海外开源字体站，如果你需要英文字体，这是个不错的选择。
coolLabs Fonts
coolLabs Fonts 是一个 Google Fonts 的隐私友好代理服务。它镜像了 Google Fonts 的全部字体库（包括 Material Icons），但不记录任何用户数据，不设置 Cookie，不追踪访问行为，完全符合 GDPR 要求。
Isocons
Isocons 是由设计师 Leye 与 Moses 共同打造的免费等距图标库，专为追求效率与美感的创作者服务。
ONWA Illustration（ONWAイラスト）
ONWA Illustration（ONWAイラスト）已收录超过 5800 张高质量 PNG 插图，涵盖人物、动物、食物、节日、季节、日本都道府县等多样主题，全部支持个人与商业用途免费使用，无需署名，也无需提前申请授权。
Open Books Hong Kong
Open Books Hong Kong 是由香港中文大学、香港城市大学与香港大学三家高校图书馆联合发起的开放取用（Open Access）图书项目，也是香港首个面向公众的开放图书计划。
Shape-O-Holic
Shape-O-Holic专注于提供高品质、易定制的 SVG 向量形状素材。目前收录超过 140 个简洁现代的图形，涵盖自然、科技、情绪、食物、天气等多种主题，所有素材均可免费下载并用于商业项目，无需署名。
Unminus
Unminus 曲库已累计 超过 200 万次播放，每月下载量达 5000+ 次，并持续增长。所有音乐均可免费用于商业或非商业项目，无需许可、无需署名，但鼓励用户为艺术家提供曝光支持。
暂无评论...
