117 lines
6.7 KiB
Markdown
117 lines
6.7 KiB
Markdown
---
|
||
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 >}} |
|