blowfish/exampleSite/content/samples/icons/index.ja.md
2024-12-22 08:30:47 +00:00

7.2 KiB

title date lastmod draft description slug tags type
アイコン 2020-08-14 2022-03-09 false Blowfish でサポートしているアイコン。 icons
icons
sample
shortcodes
sample

Blowfish はいくつもの FontAwesome 6 のアイコンを組み込み、サポートしています。これらは[アイコンパーシャル]({{< ref "docs/partials#icon" >}})または[アイコンショートコード]({{< ref "docs/shortcodes#icon" >}})のどちらかを利用してウェブサイトに含めることが出来ます。

加えて、カスタムアイコンも完全にサポートされています。プロジェクトのルートにある assets/icons/ ディレクトリーに SVG アイコンアセットを置くだけです。アイコンディレクトリ内のアイコンはテーマ全体で利用可能になります。自動的に色を塗りつぶすために、すべての SVG パスは fill="currentColor" の XML 属性が必要です。

組み込んでいるアイコンと対応する名称の全リストは以下を参照してください。

アイコン名 プレビュー
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 >}}
itch-io {{< icon itch-io >}}
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 >}}
spotify {{< icon spotify >}}
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 >}}
codeberg {{< icon codeberg >}}