Skip to main content

Icon

Nectar Icon Block Icon

The Icon Block allows you to add an icon to your page. You can choose from a variety of icons, and customize the size, color, and alignment of the icon.

General settings​

  • Preset Allows you to select a preset icon style, which will set the settings of your block.
    1. Default The default Icon style.
    2. Gradient Circle A gradient circle with an icon inside.
    3. Border Circle A circle with a border and an icon inside.
  • Color Allows you to choose the color of icon.
  • Alignment Allows you to choose the alignment of the icon.
  • Alt Text The label screen readers announce for the icon. Leave it empty to mark the icon as decorative (it is hidden from assistive technology). For an SVG uploaded from your media library, an empty field falls back to that file's media-library alt text instead. When the icon is the only content of a link, the icon keeps its built-in name so the link is never left unlabeled.
Nectarblocks Divider Settings

Block Controls Available​

The following are common Nectar Block controls which are used in other blocks as well as the Icon block.

  • Display
  • Background
  • Border
  • Size
  • Position
  • Spacing
  • Link
  • Effects / Transform
  • Animations