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 >}} |
|