Skip to content

The CMS
Docs
- Guide
- Cookbook
- Reference
- Screencasts
- Glossary
Resources
- Newsletter
- Plugins
- Roadmap
- Releases
Community

Try
Buy

View all results ›

Search by

Text
- KirbyText
- Markdown
Templates
- Field methods
- Helpers
Panel
- Blueprints
- Presets
- Fields
- Sections
- Blocks
- Icons
- Samples
Objects
- $asset
- $blocks
- $file
- $files
- $kirby
- $language
- $languages
- $layouts
- $page
- $pages
- $pagination
- $request
- $session
- $site
- $user
- $users
Router
- Patterns
- Response types
System
- Options
- Urls
- Roots
- Validators
Plugins
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">

live

<k-icon type="live">

Black

16 px
32 px
64 px

White

16 px
32 px
64 px

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

Edit this page

Black

16 px

32 px

64 px

White

16 px

32 px

64 px