Skip to main content

Icons

<time datetime="2020-08-14 00:00:00 &#43;0000 UTC">August 14 2020</time><span class="px-2 text-primary-500">&middot;</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">&middot;</span><span>191 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
Icons Sample Shortcodes

Blowfish has built-in support for a number of FontAwesome 6 icons. These can be included in your website through either the icon partial or icon shortcode.

Additionally, custom icons are also fully supported. Simply provide your own SVG icon assets by placing them in the assets/icons/ directory in the root of your project. Any icons in the icons directory will then be available to use throughout the theme. In order achieve automatic color filling every SVG path needs fill=“currentColor” XML attribute.

The full list of built-in icons and their corresponding names can referenced below.

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