---
title: "图标"
date: 2020-08-14
lastmod: 2022-03-09
draft: false
description: "Blowfish 支持的图标。"
slug: "icons"
tags: ["图标", "示例", "简码"]
type: 'sample'
---

Blowfish 内置了许多 [FontAwesome 6](https://fontawesome.com/icons) 中的图标。你可以使用 [图标部分]({{< ref "docs/partials#icon" >}})或者[图标短代码]({{< ref "docs/shortcodes#icon" >}})将这些图标包含在你的网站中。

当然，Blowfish 完全支持自定义图标。只需要将自己的 SVG 文件放在 `assets/icons/` 目录下即可。图标目录中的任何图标可以在整个主题中使用。为了实现自动填充颜色，每个 SVG 图标源码中必须添加 `fill="currentColor"` 属性。

下面是所有的内置图标及其名称。

| 图标名称                 | 预览                                |
|----------------------|-----------------------------------|
| amazon               | {{< icon amazon >}}               |
| apple                | {{< icon apple >}}                |
| bars                 | {{< icon bars >}}                 |
| bell                 | {{< icon bell >}}                 |
| blogger              | {{< icon blogger >}}              |
| bluesky              | {{< icon bluesky >}}              |
| bomb                 | {{< icon bomb >}}                 |
| bug                  | {{< icon bug >}}                  |
| check                | {{< icon check >}}                |
| circle-info          | {{< icon circle-info >}}          |
| code                 | {{< icon code>}}                  |
| codepen              | {{< icon codepen >}}              |
| comment              | {{< icon comment >}}              |
| dev                  | {{< icon dev >}}                  |
| discourse            | {{< icon discourse >}}            |
| docker               | {{< icon docker >}}               |
| download             | {{< icon download >}}             |
| dribbble             | {{< icon dribbble >}}             |
| edit                 | {{< icon edit >}}                 |
| email                | {{< icon email >}}                |
| envelope             | {{< icon envelope >}}             |
| expand               | {{< icon expand >}}               |
| eye                  | {{< icon eye >}}                  |
| facebook             | {{< icon facebook >}}             |
| fire                 | {{< icon fire >}}                 |
| flickr               | {{< icon flickr >}}               |
| fork                 | {{< icon fork >}}                 |
| foursquare           | {{< icon foursquare >}}           |
| ghost                | {{< icon ghost >}}                |
| github               | {{< icon github >}}               |
| gitlab               | {{< icon gitlab >}}               |
| globe                | {{< icon globe >}}                |
| goodreads            | {{< icon goodreads >}}            |
| google               | {{< icon google >}}               |
| graduation-cap       | {{< icon graduation-cap >}}       |
| hackernews           | {{< icon hackernews >}}           |
| hashnode             | {{< icon hashnode >}}             |
| heart-empty          | {{< icon heart-empty >}}          |
| heart                | {{< icon heart >}}                |
| image                | {{< icon image >}}                |
| instagram            | {{< icon instagram >}}            |
| keybase              | {{< icon keybase >}}              |
| kickstarter          | {{< icon kickstarter >}}          |
| ko-fi                | {{< icon ko-fi >}}                |
| language             | {{< icon language >}}             |
| lastfm               | {{< icon lastfm >}}               |
| lightbulb            | {{< icon lightbulb >}}            |
| link                 | {{< icon link >}}                 |
| linkedin             | {{< icon linkedin >}}             |
| list                 | {{< icon list >}}                 |
| location-dot         | {{< icon location-dot >}}         |
| lock                 | {{< icon lock >}}                 |
| mastodon             | {{< icon mastodon >}}             |
| medium               | {{< icon medium >}}               |
| microsoft            | {{< icon microsoft >}}            |
| moon                 | {{< icon moon >}}                 |
| mug-hot              | {{< icon mug-hot >}}              |
| music                | {{< icon music >}}                |
| orcid                | {{< icon orcid >}}                |
| patreon              | {{< icon patreon >}}              |
| paypal               | {{< icon paypal >}}               |
| pencil               | {{< icon pencil >}}               |
| pgpkey               | {{< icon pgpkey >}}               |
| phone                | {{< icon phone >}}                |
| pinterest            | {{< icon pinterest >}}            |
| poo                  | {{< icon poo >}}                  |
| reddit               | {{< icon reddit >}}               |
| researchgate         | {{< icon researchgate >}}         |
| rss                  | {{< icon rss >}}                  |
| rss-square           | {{< icon rss-square >}}           |
| scale-balanced       | {{< icon scale-balanced >}}       |
| search               | {{< icon search >}}               |
| shield               | {{< icon shield >}}               |
| skull-crossbones     | {{< icon skull-crossbones >}}     |
| slack                | {{< icon slack >}}                |
| snapchat             | {{< icon snapchat >}}             |
| soundcloud           | {{< icon soundcloud >}}           |
| stack-overflow       | {{< icon stack-overflow >}}       |
| star                 | {{< icon star >}}                 |
| steam                | {{< icon steam >}}                |
| stripe               | {{< icon stripe >}}               |
| substack             | {{< icon substack >}}             |
| sun                  | {{< icon sun >}}                  |
| tag                  | {{< icon tag >}}                  |
| telegram             | {{< icon telegram >}}             |
| threads              | {{< icon threads >}}              |
| tiktok               | {{< icon tiktok >}}               |
| triangle-exclamation | {{< icon triangle-exclamation >}} |
| tumblr               | {{< icon tumblr >}}               |
| twitch               | {{< icon twitch >}}               |
| twitter              | {{< icon twitter >}}              |
| wand-magic-sparkles  | {{< icon wand-magic-sparkles >}}  |
| whatsapp             | {{< icon whatsapp >}}             |
| x-twitter            | {{< icon x-twitter >}}            |
| xing                 | {{< icon xing >}}                 |
| xmark                | {{< icon xmark >}}                |
| youtube              | {{< icon youtube >}}              |
