---
title: "Icon content property"
date: "2017-11-11T13:38:04+00:00"
summary: "Easily add icons to your website using the Content property for pseudo-elements. Learn how to select and apply font icons with our step-by-step guide, perfect for web designers and developers."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/icon-content-property"
id: "6ed4de12-28a3-4d19-978a-ec11ab6bb01a"
---

Set the Content property to use an Icon font.

Important

The content property can only be used on a :before or :after pseudo element. Add these to your style using the [Style tree.](/drupal-starter-kits/add-ons/site-studio/using-css-selectors "Using CSS selectors")

Icon
----

Set a font icon as the Content of a :before or :after pseudo element.

### Application and options:

*   Click on the **icon thumbnail** to select an icon