简介
devicons 是一款提供了多种图标的 npm 包，包括常见的文件类型、操作系统和编程语言等。使用这些图标可以增强网站或应用程序的可读性和美观性。
安装
在终端中执行以下命令来安装 devicons：
npm install devicons
使用方法
导入
使用 require() 函数导入 devicons 模块：
const devicons = require('devicons');获取图标
通过调用 devicons.icon() 方法，传入相应的名称，即可获取对应的图标字符串：
const htmlIcon = devicons.icon('html5');
console.log(htmlIcon);输出结果：
'<svg viewBox="0 0 128 128"><path fill="#E44D26" d="M22 114.2l-10-112h104l-10 112-42 11.4-42-11.4zm69.6-45.7h-39l.7-7.8h37.6v-9.4H51.4l1.3 14.6h39.2v-7.4z"/><path fill="#F16529" d="M64 .8L53 2.3 32.3 118.8h63.4L75.9 13.2 76.3 9l-1.5-2.2z"/><path fill="#EBEBEB" d="M64 51.9H51.4v14.6h12.6v14.2L64 80.6l15.6-4.1 1.1-12.2H64z"/><path fill="#FFF" d="M64 51.9v14.7H51.4V51.9H64zm0 14.6v14.2L77.1 80c-.3-3.3-.9-6.6-1.8-9.9L64 66.5z"/></svg>'
渲染图标
将获取到的图标字符串插入到 HTML 中，即可渲染出该图标：
<div class="icon">
<%= devicons.icon('html5') %>
</div>示例代码
下面是一个简单的示例代码，展示了如何在网页中使用 devicons 渲染多个图标：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------------- ------------
----- ---------------- -------------------------------------------------------------------------
-------
----- -
-------- -------------
------------- -----
-
--------
-------
------
------------ -------
---- ------------------
---- -------------
--- ---------------------- --
------
---- -------------
--- --------------------- --
------
---- -------------
--- --------------------------- --
------
---- -------------
--- ---------------------- --
------
---- -------------
--- ----------------------------- --
------
------
-------
-------总结
devicons 是一款非常实用的 npm 包，可帮助开发人员在网站或应用程序中添加漂亮的图标。使用该包十分简单，只需要导入模块、获取图标并将其插入到 HTML 即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34356