Skip to main content
  1. Samples/

Icons

1 min· loading · loading · ·
icons sample shortcodes
Blowfish
Author
Blowfish
A powerful, lightweight theme for Hugo built with Tailwind CSS.

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 namePreview
amazon
apple
bars
bell
blogger
bluesky
bomb
bug
check
circle-info
code
codepen
comment
dev
discourse
docker
download
dribbble
edit
email
envelope
expand
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
x-twitter
xingXing
xmark
youtube

Related

Rich Content
1 min· loading · loading
shortcodes privacy sample gist twitter youtube vimeo
Mathematical notation
1 min· loading · loading
sample katex maths shortcodes
Charts
1 min· loading · loading
chart sample graph shortcodes
Diagrams and Flowcharts
2 mins· loading · loading
mermaid sample diagram shortcodes
Shortcodes
14 mins· loading · loading
shortcodes mermaid icon lead docs
Markdown
3 mins· loading · loading
markdown css html sample