Reference

Search

Guide

Text

KirbyText
Markdown

Templates

Field methods
Helpers

Panel

Blueprints
Presets
Fields
Sections
Blocks
Icons
Samples

Objects

$asset
$block
$blocks
$file
$files
$kirby
$language
$languages
$layout
$layoutcolumn
$layouts
$page
$pages
$pagination
$request
$session
$site
$user
$users

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
Server
Str
Tpl
Url
V
Xml

Advanced

All classes
Aliases

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">
attachment
<k-icon type="attachment">
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">
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">
dashboard
<k-icon type="dashboard">
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">
folder
<k-icon type="folder">
funnel
<k-icon type="funnel">
globe
<k-icon type="globe">
headline
<k-icon type="headline">
heart
<k-icon type="heart">
hidden
<k-icon type="hidden">
home
<k-icon type="home">
image
<k-icon type="image">
import
<k-icon type="import">
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">
menu
<k-icon type="menu">
open
<k-icon type="open">
page
<k-icon type="page">
parent
<k-icon type="parent">
phone
<k-icon type="phone">
pinterest
<k-icon type="pinterest">
preview
<k-icon type="preview">
protected
<k-icon type="protected">
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">
settings
<k-icon type="settings">
share
<k-icon type="share">
smile
<k-icon type="smile">
sort
<k-icon type="sort">
star
<k-icon type="star">
strikethrough
<k-icon type="strikethrough">
tag
<k-icon type="tag">
template
<k-icon type="template">
text
<k-icon type="text">
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">

circle-half

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

Black

16 px
32 px
64 px

White

16 px
32 px
64 px

16 px

32 px

64 px

16 px

32 px

64 px