# Icon

# Basics

The Icon block is a specifically designed block that allows you to add pre-defined and custom SVG icons with a few clicks.

If you want to add an icon outside any other block on the page:

  1. Click on the  ​​icon to open the Inserter Panel
  2. Search for the Cwicly Icon block
  3. Click on the Cwicly Icon block to insert it into your page

If you want to add an icon inside a parent block:

  1. Open the Quick Insert panel in the parent block
  2. Search for the Cwicly Icon block
  3. Click on the Cwicly Icon block to insert it into your parent block

# Icon

# Select Icon

Use the Icon Selector to select the desired icon.

  1. Select an Icon block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Icon panel
  5. Find the Icon property
  6. Click on the 🌏 icon to open the Icon Selector

# Icon Size

The Icon Size property defines the size of the icon.

  1. Select a Button block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the Icon panel
  5. Find the Icon Size property
  6. Enter the desired value