Zero One Documentation
Theme demo
  • Overview
  • Terms & Guidelines
  • Guide
    • Installation
      • Local environment
      • Server
      • Default language!
      • Multilanguage website
      • Config options
      • Folder structure
      • htaccess
      • Updating
      • PHP Composer
    • Administration panel
      • Translating panel
    • Site options
      • SEO options
      • Multi-language
    • Theme styling
      • Less/CSS setup
      • Changing Less variables
      • app.less file
      • Customizing elements
      • Helpful classes
    • Page types
      • Page options
    • Blog
      • Comments
      • Article
    • Work (Portfolio)
      • Project page
    • Shop
      • Snipcart
    • Layout Builder
      • Column Options block
      • Subgrid block
      • Card block
      • Text (Writer) block
      • Custom Heading block
      • Custom List block
      • Typed Text block
      • Quote block
      • Button block
      • › 25 more blocks
    • Form Builder (Premium)
    • OLD Page Builder deprecation
    • Tricks
      • Using icons in the content
      • Kirbytext link tag to button
      • Tricks with image classes
      • Adding Google Fonts
      • Custom icons
      • Cookie notice/banner
    • Theme extending
      • Page Transitions (Swup)
      • Contact form extending
      • Self-hosted fonts
      • Adding new templates
      • Adding new Content block (Layout Builder)
    • GDPR
  • More
  • Support
  • Hire us
  • Changelog
  • Credits
  • Affiliate
Powered by GitBook
On this page

Was this helpful?

  1. Guide
  2. Tricks

Using icons in the content

PreviousTricksNextKirbytext link tag to button

Last updated 1 year ago

Was this helpful?

You can also easily use UIkit icons in your content. In the Text and Textarea (KirbyText) fields. In Editor, you can use it only in the KirbyText field.

# Just icon
<span uk-icon="icon: check"></span>

# As icon link
<a href="" uk-icon="icon: heart"></a>

See all available icons

That's it. 😎

https://getuikit.com/docs/icon#library