如何在项目中使用 DEVICON 图标?
Devicon 是一个汇集编程语言、设计工具和开发工具 Logo 的图标集，提供字体和 SVG 两种使用方式。如果你的项目需要展示技术栈图标，可以直接从官网复制代码粘贴使用，也可以从 GitHub 仓库下载全部文件做本地安装。官网的图标选择器需要启用 JavaScript 才能正常操作。
从官网复制代码使用
这是最快的方式，不需要下载任何文件。
- 打开 devicon.dev，在页面右侧的图标列表中选择你需要的图标。
- 在图标下方选择版本（不同版本对应不同时期的 Logo 样式）。
- 根据你的需要，选择字体版或 SVG 版代码，复制后粘贴到项目中。
字体版
字体版需要两步：先在 HTML 文件的 <head> 中引入一次字体样式，然后在 <body> 中使用对应的图标元素。
- 引入代码放在
<head>里，每个 HTML 文件只需放一次。 - 图标元素放在
<body>里，需要几个图标就放几个。 - 调整大小的方法是修改元素的
font-size。
SVG 版
SVG 版有两种用法：
- 使用元素：复制对应的图标元素代码，调整大小时修改元素的
height和width。 - 纯 SVG：直接复制 SVG 代码粘贴到项目中，同样通过
height和width控制尺寸。
SVG 方式不依赖字体文件，适合只需要少量图标、或者不想引入额外字体资源的场景。
本地安装
如果不想依赖官网复制代码，或者需要在构建流程中统一管理图标，可以从 GitHub 仓库下载全部文件。官网提到仓库中有一份完整的本地编译指南，按该指南操作即可在本地编译 Devicon。
使用前需要知道的条件
- 版权归属：所有产品名称、Logo 和品牌归各自所有者。Devicon 上的名称和 Logo 仅用于识别目的，不表示 Devicon 或其成员获得这些品牌的背书。
- 品牌政策：图标和 SVG 在本项目中不以任何方式变现，但使用者需要自行按照对应公司或组织的品牌政策正确使用 Logo。使用本站或其中任何图标/SVG，即表示你确认这些条件。
- 法律问题：如有版权方面的疑虑或需要举报滥用，可通过 [email protected] 或 Discord 社区联系。
- 代码与 Logo 贡献：应通过 GitHub 仓库提交。
- 项目背景：Devicon 最初由 Konpa 创建，采用 MIT 许可证，现由众多贡献者共同维护，字体使用 IcoMoon 构建。
常见卡点
- 打开官网只看到“需要启用 JavaScript”的提示：图标选择器依赖 JavaScript，开启后即可正常使用。
- 字体版图标不显示：检查
<head>中的引入代码是否只放了一次且路径正确。 - 图标大小不对：字体版改
font-size，SVG 版改height和width，不要混用。 - 不确定该选字体版还是 SVG 版：图标数量多、需要统一缩放时用字体版；只需要少量图标、想避免额外字体请求时用 SVG 版。