Reference

Text

KirbyText
Markdown

Templates

Field methods
Helpers

Panel

Blueprints
Presets
Fields
Sections
Icons
Samples

Objects

$file
$files
$kirby
$language
$languages
$page
$pages
$pagination
$request
$session
$site
$user
$users

Router

Patterns
Response types

System

Options
Urls
Roots
Validators

Plugins

Extensions
Hooks
Core components
UI Kit

API

Authentication
Languages
Pages
Roles
Site
System
Translations
Users

Tools

A
Cookie
Data
Dir
Escape
F
Header
Html
Mime
Server
Str
Url
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">
bars
<k-icon type="bars">
bold
<k-icon type="bold">
bolt
<k-icon type="bolt">
calendar
<k-icon type="calendar">
cancel
<k-icon type="cancel">
cart
<k-icon type="cart">
check
<k-icon type="check">
circle
<k-icon type="circle">
circle-filled
<k-icon type="circle-filled">
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">
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">
funnel
<k-icon type="funnel">
globe
<k-icon type="globe">
headline
<k-icon type="headline">
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">
list-bullet
<k-icon type="list-bullet">
list-numbers
<k-icon type="list-numbers">
loader
<k-icon type="loader">
lock
<k-icon type="lock">
logout
<k-icon type="logout">
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">
quote
<k-icon type="quote">
refresh
<k-icon type="refresh">
remove
<k-icon type="remove">
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">
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">
undo
<k-icon type="undo">
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">
wand
<k-icon type="wand">

circle-outline

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

Black

16 px
32 px
64 px

White

16 px
32 px
64 px

Black

16 px

32 px

64 px

White

16 px

32 px

64 px