Icons
1 min·
0
·
0
·
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 | |
envelope | |
eye | |
fire | |
flickr | |
fork | |
foursquare | |
ghost | |
github | |
gitlab | |
globe | |
goodreads | |
graduation-cap | |
hackernews | |
hashnode | |
heart-empty | |
heart | |
image | |
keybase | |
kickstarter | |
ko-fi | |
lastfm | |
lightbulb | |
link | |
list | |
location-dot | |
lock | |
mastodon | |
medium | |
microsoft | |
moon | |
mug-hot | |
music | |
orcid | |
patreon | |
paypal | |
pencil | |
pgpkey | |
phone | |
poo | |
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 | |
wand-magic-sparkles | |
xmark | |
youtube |
Related
Rich Content
1 min·
0
·
0
shortcodes
privacy
sample
gist
twitter
youtube
vimeo
Mathematical notation
1 min·
0
·
0
sample
katex
maths
shortcodes
Charts
1 min·
0
·
0
chart
sample
graph
shortcodes
Diagrams and Flowcharts
2 mins·
0
·
0
mermaid
sample
diagram
shortcodes
Shortcodes
12 mins·
0
·
0
shortcodes
mermaid
icon
lead
docs
Markdown
3 mins·
0
·
0
markdown
css
html
sample