Skip to content
Kirby CMS
Kirby
4.5.0
The CMS
For developers
For designers
For content creators
For clients & agencies
Showcase
Releases
Feedback
Docs
Guide
Reference
Cookbook
Quicktips
Screencasts
Glossary
Resources
Plugins
Themes
Newsletter
Buzz
License Hub
Community
Get together
Support forum
Discord chat
Community map
Mastodon
LinkedIn
Instagram
Partners
Try
Buy
Reference
All pages
Guide
Reference
Cookbook
Plugin
Kosmos
Reference
Icons
Close
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
Extensions
Hooks
Core components
Panel UI
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-dropdown
<k-icon type="angle-dropdown">
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">
google
<k-icon type="google">
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-bottom
<k-icon type="text-bottom">
text-center
<k-icon type="text-center">
text-justify
<k-icon type="text-justify">
text-left
<k-icon type="text-left">
text-middle
<k-icon type="text-middle">
text-right
<k-icon type="text-right">
text-top
<k-icon type="text-top">
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">
megaphone
<k-icon type="megaphone">
Black
18 px
36 px
72 px
White
18 px
36 px
72 px