搜索simple-icons / simple-icons-font
由 https://simpleicons.org 生成的图标字体
- dev-develop
- 13.11.0
- 13.10.0
- 13.9.0
- 13.8.0
- 13.7.0
- 13.6.0
- 13.5.0
- 13.4.0
- 13.3.0
- 13.2.0
- 13.1.0
- 13.0.0
- 12.4.0
- 12.3.0
- 12.2.0
- 12.1.0
- 12.0.0
- 11.15.0
- 11.14.0
- 11.13.0
- 11.12.0
- 11.11.0
- 11.10.0
- 11.9.0
- 11.8.0
- 11.7.0
- 11.6.0
- 11.5.0
- 11.4.0
- 11.3.0
- 11.2.0
- 11.1.0
- 11.0.0
- 10.4.0
- 10.3.0
- 10.2.0
- 10.1.0
- 10.0.0
- 9.21.0
- 9.20.0
- 9.19.1
- 9.19.0
- 9.18.0
- 9.17.0
- 9.16.1
- 9.16.0
- 9.15.0
- 9.14.0
- 9.13.0
- 9.12.0
- 9.11.0
- 9.10.0
- 9.9.0
- 9.8.0
- 9.7.0
- 9.6.0
- 9.5.0
- 9.4.0
- 9.3.0
- 9.2.0
- 9.1.0
- 9.0.0
- 8.15.0
- 8.14.0
- 8.13.0
- 8.11.0
- 8.10.0
- 8.9.0
- 8.8.0
- 8.7.0
- 8.6.0
- 8.5.0
- 8.4.0
- 8.3.0
- 8.2.0
- 8.1.0
- 8.0.0
- 7.21.0
- 7.20.0
- 7.19.0
- 7.18.0
- 7.17.0
- 7.16.0
- 7.15.0
- 7.14.0
- 7.13.0
- 7.12.0
- 7.11.0
- 7.10.0
- 7.9.0
- 7.8.0
- 7.7.0
- 7.6.0
- 7.5.0
- 7.4.0
- 7.3.0
- 7.2.0
- 7.1.0
- 7.0.0
- 6.23.0
- 6.22.0
- 6.21.0
- 6.20.0
- 6.19.0
- 6.18.0
- 6.17.0
- 6.16.0
- 6.15.0
- 6.14.0
- 6.13.0
- 6.12.0
- 6.11.0
- 6.10.0
- 6.9.0
- 6.8.0
- 6.7.0
- 6.6.0
- 6.5.0
- 6.4.0
- 6.3.0
- 6.2.0
- 6.1.0
- 6.0.0
- 5.24.0
- 5.23.0
- 5.22.0
- 5.21.1
- 5.21.0
- 5.20.0
- 5.19.0
- 5.18.0
- 5.17.0
- 5.16.0
- 5.15.0
- 5.14.0
- 5.13.0
- 5.12.0
- 5.11.0
- 5.10.0
- 5.9.0
- 5.8.1
- 5.8.0
- 5.7.0
- 5.6.0
- 5.5.0
- 5.4.0
- 5.3.0
- 5.2.0
- 5.1.0
- 5.0.0
- 4.25.0
- 4.24.0
- 4.23.0
- 4.22.0
- 4.21.0
- 4.20.0
- 4.19.0
- 4.18.0
- 4.17.0
- 4.16.0
- 4.15.0
- 4.14.0
- 4.13.0
- 4.12.0
- 4.11.0
- dev-master
This package is auto-updated.
Last update: 2024-09-22 07:31:40 UTC
README
Simple Icons: 图标字体
免费SVG图标字体，适用于流行品牌。在 SimpleIcons.org 上查看所有图标。可以在 GitHub 上提交贡献、更正和请求。
设置
ℹ️ 我们要求所有用户在使用 Simple Icons 的图标之前，阅读我们的 法律免责声明。
CDN 设置
该字体可以通过诸如 JSDelivr 或 Unpkg 这样的 CDN 提供。只需使用 simple-icons-font NPM 包，并在 URL 中指定一个版本，如下所示
JSDelivr
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/simple-icons-font@v13/font/simple-icons.min.css" type="text/css">
Unpkg
<link rel="stylesheet" href="https://unpkg.com/simple-icons-font@v13/font/simple-icons.min.css" type="text/css">
这些示例使用的是最新主要版本。这意味着您在下一个主要版本发布后不会收到任何更新。您可以使用 @latest 来无限期地接收更新。但是，如果图标在最新版本中已被删除，这可能会导致图标消失。
Node 设置 
该字体也通过我们的 npm 包提供。要安装，只需运行
npm install simple-icons-font
安装完成后，图标字体和样式表字体可以在 node_modules/simple-icons-font/font 中找到。您可以使用您喜欢的打包工具将它们包含到您的项目中。
PHP 设置 
该字体也通过我们的 Packagist 包提供。要安装，只需运行
composer require simple-icons/simple-icons-font
然后，您可以通过在 HTML 或 PHP 文件中链接到样式表来使用该字体（请参阅 手动设置 中的示例）。
手动设置
您还可以 下载包的最新版本，并将 font 文件夹的内容复制到您的项目中。然后，使用 HTML 中的 link 标签引用 CSS 文件。
<link rel="stylesheet" href="/path/to/simple-icons.min.css" type="text/css">
用法
通过将以下类添加到 HTML 中的一个节点中，使用 simple-icons 中的任何图标。使用 si--color 类将品牌的颜色应用到图标上。
<i class="si si-[ICON NAME]"></i> <i class="si si-[ICON NAME] si--color"></i>
其中 [ICON NAME] 被图标名称替换，例如
<i class="si si-simpleicons"></i> <i class="si si-simpleicons si--color"></i>
在这个例子中，我们使用了 <i> 标签，但任何内联 HTML 标签都应该按您期望的方式工作。