Font Awesome – 前端 Web 矢量图标字体库和 CSS 框架

Font Awesome v4.x

产品概览

Font Awesome 为您提供可缩放的矢量图标，您可以使用 CSS 所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

一套绝佳的图标字体库和 CSS 框架

https://fontawesome.dashgame.com/

• 一个字库，675 个图标
  仅一个 Font Awesome 字库，就包含了与网页相关的所有形象图标。
• 无需依赖 JavaScript
  Font Awesome 完全不依赖 JavaScript，因此无需担心兼容性。
• 无限缩放
  无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。
• 如言语一般自由
  Font Awesome 完全免费，哪怕是商业用途。请查看许可。
• CSS 控制
  只要 CSS 支持，无论颜色、大小、阴影或者其它任何效果，都可以轻易展现。
• 高分屏完美呈现
  Font Awesome 的矢量图标，将使您的网站在视网膜级的高分屏上大放异彩。
• 完美兼容其它框架
  尽管是为 Bootstrap 设计，但 Font Awesome 同样能与其它框架完美协同运作。
• 可用于桌面系统
  用于桌面系统，或需要一套完整的矢量图，请查看备忘。
• 可适配于屏幕阅读器
  与其它字体不同，Font Awesome 不会影响屏幕阅读器正常工作。

立即使用

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

Font Awesome v5.15.4

产品概览

在您的网站上使用 Font Awesome 展示矢量图标和社交标志，这可是网络上最流行的图标集和工具包。

• 1,608 免费图标
• 7,864 专业图标

https://fa5.dashgame.com/#/

下载图标集包

https://fa5.dashgame.com/common/fontawesome-free-5.15.4-web.zip

简单实例代码

<div></div>
<i class="fas fa-camera"></i> <!-- this icon's 1) style prefix == fas and 2) icon name == camera -->
<i class="fas fa-camera"></i> <!-- using an <i> element to reference the icon -->
<span class="fas fa-camera"></span> <!-- using a <span> element to reference the icon -->