Skip to content

The CMS
Docs
- Guide
- Reference
- Cookbook
- Quicktips
- Screencasts
- Glossary
Resources
- Plugins
- Themes
- Newsletter
- Buzz
- License Hub
Community
Partners

Try
Buy

View all results ›

Formatting text
- KirbyText
- Markdown
Templates
- Field methods
- Helpers
Panel
- Blueprints
- Fields
- Sections
- Blocks
- Icons
- Styling
- Samples
Objects
- $kirby
- $site
- $page
- $pages
- $file
- $files
- $user
- $users
- $block
- $blocks
- $layout
- $layouts
- $language
- $languages
- $pagination
- $request
- $session
- All classes
- Aliases
Router
- Patterns
- Response types
System
- Config options
- Urls
- Roots
- Requirements
- Validators
Plugins
API
- Authentication
- Languages
- Pages
- Roles
- Site
- System
- Translations
- Users
Tools
- A
- Cookie
- Data
- Dir
- Escape
- F
- Header
- Html
- I18n
- Mime
- QrCode
- Query
- Str
- Tpl
- Url
- V
- Xml

account

<k-icon type="account">
add

<k-icon type="add">
alert

<k-icon type="alert">
anchor

<k-icon type="anchor">
angle-down

<k-icon type="angle-down">
angle-left

<k-icon type="angle-left">
angle-right

<k-icon type="angle-right">
angle-up

<k-icon type="angle-up">
archive

<k-icon type="archive">
attachment

<k-icon type="attachment">
audio

<k-icon type="audio">
badge

<k-icon type="badge">
bars

<k-icon type="bars">
bell

<k-icon type="bell">
blank

<k-icon type="blank">
bold

<k-icon type="bold">
bolt

<k-icon type="bolt">
book

<k-icon type="book">
bookmark

<k-icon type="bookmark">
box

<k-icon type="box">
brush

<k-icon type="brush">
bug

<k-icon type="bug">
calendar

<k-icon type="calendar">
cancel

<k-icon type="cancel">
cancel-small

<k-icon type="cancel-small">
car

<k-icon type="car">
cart

<k-icon type="cart">
chart

<k-icon type="chart">
chat

<k-icon type="chat">
check

<k-icon type="check">
checklist

<k-icon type="checklist">
circle

<k-icon type="circle">
circle-filled

<k-icon type="circle-filled">
circle-half

<k-icon type="circle-half">
circle-nested

<k-icon type="circle-nested">
circle-outline

<k-icon type="circle-outline">
clear

<k-icon type="clear">
clock

<k-icon type="clock">
code

<k-icon type="code">
cog

<k-icon type="cog">
collapse

<k-icon type="collapse">
copy

<k-icon type="copy">
credit-card

<k-icon type="credit-card">
crop

<k-icon type="crop">
dashboard

<k-icon type="dashboard">
discord

<k-icon type="discord">
discount

<k-icon type="discount">
display

<k-icon type="display">
divider

<k-icon type="divider">
document

<k-icon type="document">
dots

<k-icon type="dots">
download

<k-icon type="download">
draft

<k-icon type="draft">
edit

<k-icon type="edit">
edit-line

<k-icon type="edit-line">
email

<k-icon type="email">
expand

<k-icon type="expand">
facebook

<k-icon type="facebook">
file

<k-icon type="file">
file-audio

<k-icon type="file-audio">
file-code

<k-icon type="file-code">
file-document

<k-icon type="file-document">
file-image

<k-icon type="file-image">
file-spreadsheet

<k-icon type="file-spreadsheet">
file-text

<k-icon type="file-text">
file-video

<k-icon type="file-video">
file-word

<k-icon type="file-word">
file-zip

<k-icon type="file-zip">
filter

<k-icon type="filter">
flag

<k-icon type="flag">
folder

<k-icon type="folder">
folder-structure

<k-icon type="folder-structure">
food

<k-icon type="food">
funnel

<k-icon type="funnel">
github

<k-icon type="github">
globe

<k-icon type="globe">
grid

<k-icon type="grid">
grid-bottom

<k-icon type="grid-bottom">
grid-bottom-left

<k-icon type="grid-bottom-left">
grid-bottom-right

<k-icon type="grid-bottom-right">
grid-full

<k-icon type="grid-full">
grid-left

<k-icon type="grid-left">
grid-right

<k-icon type="grid-right">
grid-top

<k-icon type="grid-top">
grid-top-left

<k-icon type="grid-top-left">
grid-top-right

<k-icon type="grid-top-right">
h1

<k-icon type="h1">
h2

<k-icon type="h2">
h3

<k-icon type="h3">
h4

<k-icon type="h4">
h5

<k-icon type="h5">
h6

<k-icon type="h6">
headline

<k-icon type="headline">
heart

<k-icon type="heart">
heart-filled

<k-icon type="heart-filled">
heart-outline

<k-icon type="heart-outline">
hidden

<k-icon type="hidden">
home

<k-icon type="home">
image

<k-icon type="image">
images

<k-icon type="images">
import

<k-icon type="import">
info

<k-icon type="info">
instagram

<k-icon type="instagram">
italic

<k-icon type="italic">
key

<k-icon type="key">
lab

<k-icon type="lab">
layers

<k-icon type="layers">
linkedin

<k-icon type="linkedin">
list-bullet

<k-icon type="list-bullet">
list-numbers

<k-icon type="list-numbers">
live

<k-icon type="live">
loader

<k-icon type="loader">
lock

<k-icon type="lock">
logout

<k-icon type="logout">
map

<k-icon type="map">
markdown

<k-icon type="markdown">
mastodon

<k-icon type="mastodon">
megaphone

<k-icon type="megaphone">
menu

<k-icon type="menu">
merge

<k-icon type="merge">
mobile

<k-icon type="mobile">
money

<k-icon type="money">
moon

<k-icon type="moon">
open

<k-icon type="open">
order-alpha-asc

<k-icon type="order-alpha-asc">
order-alpha-desc

<k-icon type="order-alpha-desc">
order-num-asc

<k-icon type="order-num-asc">
order-num-desc

<k-icon type="order-num-desc">
page

<k-icon type="page">
palette

<k-icon type="palette">
paragraph

<k-icon type="paragraph">
parent

<k-icon type="parent">
paypal

<k-icon type="paypal">
pen

<k-icon type="pen">
phone

<k-icon type="phone">
pin

<k-icon type="pin">
pinterest

<k-icon type="pinterest">
pipette

<k-icon type="pipette">
plane

<k-icon type="plane">
play

<k-icon type="play">
plus

<k-icon type="plus">
preview

<k-icon type="preview">
print

<k-icon type="print">
protected

<k-icon type="protected">
qr-code

<k-icon type="qr-code">
question

<k-icon type="question">
quote

<k-icon type="quote">
refresh

<k-icon type="refresh">
remove

<k-icon type="remove">
search

<k-icon type="search">
server

<k-icon type="server">
settings

<k-icon type="settings">
share

<k-icon type="share">
shuffle

<k-icon type="shuffle">
sitemap

<k-icon type="sitemap">
smile

<k-icon type="smile">
sort

<k-icon type="sort">
sparkling

<k-icon type="sparkling">
split

<k-icon type="split">
star

<k-icon type="star">
star-filled

<k-icon type="star-filled">
star-outline

<k-icon type="star-outline">
status-draft

<k-icon type="status-draft">
status-listed

<k-icon type="status-listed">
status-unlisted

<k-icon type="status-unlisted">
store

<k-icon type="store">
strikethrough

<k-icon type="strikethrough">
subscript

<k-icon type="subscript">
sun

<k-icon type="sun">
superscript

<k-icon type="superscript">
table

<k-icon type="table">
tablet

<k-icon type="tablet">
tag

<k-icon type="tag">
template

<k-icon type="template">
text

<k-icon type="text">
text-center

<k-icon type="text-center">
text-justify

<k-icon type="text-justify">
text-left

<k-icon type="text-left">
text-right

<k-icon type="text-right">
ticket

<k-icon type="ticket">
tiktok

<k-icon type="tiktok">
title

<k-icon type="title">
toggle-off

<k-icon type="toggle-off">
toggle-on

<k-icon type="toggle-on">
translate

<k-icon type="translate">
trash

<k-icon type="trash">
underline

<k-icon type="underline">
undo

<k-icon type="undo">
unlock

<k-icon type="unlock">
upload

<k-icon type="upload">
url

<k-icon type="url">
user

<k-icon type="user">
users

<k-icon type="users">
video

<k-icon type="video">
vimeo

<k-icon type="vimeo">
wand

<k-icon type="wand">
whatsapp

<k-icon type="whatsapp">
wheelchair

<k-icon type="wheelchair">
youtube

<k-icon type="youtube">

grid-bottom-left

<k-icon type="grid-bottom-left">

Black

18 px
36 px
72 px

White

18 px
36 px
72 px

Did you find an error? Help us improve our docs and edit this page on GitHub. Make sure to check out our styleguide →

Report an issue on this page

Kirby

The CMS that adapts to any project. Made for developers, designers, creators and clients.

The CMS
Docs
- Guide
- Reference
- Cookbook
- Quicktips
- Screencasts
- Glossary
- Archive
Resources
- Plugins
- Themes
- Newsletter
- Buzz
- License Hub
Community
Kirby
- Security
- Privacy
- License
- Presskit
- Contact
With support of