Skip to content

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

Try
Buy

View all results ›

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

funnel

<k-icon type="funnel">

Deprecated in 4.0.0

This old icon name will be removed in an upcoming version. Use filter instead.

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 →