Skip to content

The CMS
Docs
- Guide
- Cookbook
- Reference
- Screencasts
- Glossary
Resources
- Plugins
- Themes
- Newsletter
- Buzz
Community

Try
Buy

View all results ›

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
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">

grid-top-left

<k-icon type="grid-top-left">

Since 3.6.0

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 →