Skip to content
Kirby CMS
Kirby
3.8.4
The CMS
For developers
For designers
For content creators
For clients & agencies
Showcase
Releases
Docs
Guide
Cookbook
Reference
Screencasts
Glossary
Resources
Plugins
Themes
Newsletter
Buzz
Community
Feedback
Support forum
Discord chat
Mastodon
Instagram
Try
Love
Buy
Search
Search
Reference
All pages
Guide
Reference
Cookbook
Plugin
Kosmos
Reference
Icons
Close
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
Options
Urls
Roots
Validators
Plugins
Extensions
Hooks
Core components
UI Kit
Panel internals
API
Authentication
Languages
Pages
Roles
Site
System
Translations
Users
Tools
A
Cookie
Data
Dir
Escape
F
Header
Html
I18n
Mime
Query
Str
Tpl
Url
V
Xml
account
<k-icon type="account">
add
<k-icon type="add">
alert
<k-icon type="alert">
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">
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">
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">
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-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">
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">
menu
<k-icon type="menu">
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">
play
<k-icon type="play">
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">
road-sign
<k-icon type="road-sign">
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">
star
<k-icon type="star">
star-outline
<k-icon type="star-outline">
store
<k-icon type="store">
strikethrough
<k-icon type="strikethrough">
sun
<k-icon type="sun">
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">
trash
<k-icon type="trash">
twitter
<k-icon type="twitter">
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">
h5
<k-icon type="h5">
Since
3.6.0
Black
16 px
32 px
64 px
White
16 px
32 px
64 px