The Icon block shows one icon, alone or in a small filled or outlined box. Use it in feature lists, cards and highlights. The icon is drawn as part of the page, so it stays sharp at any size. You cannot upload an icon of your own, and an Icon is not a link. For an icon that links, use an Icon Link. You find it in the Content group of the block picker. It goes in a Section, or inside a Group, a Collection, a No Results or a Paywall.
Variant
At the top of the panel, Variant picks the icon's look. A new project has four:
Variant
What visitors see
Plain
The icon alone, in the primary color
Plain Accent
The icon alone, in the accent color
Outline
The icon in a box with a thin border
Filled
The icon in a box filled with the primary color
The variants live in the Decoration group of the Blocks panel. Change one there, and every Icon that uses it changes. To open it from a selected Icon, click the arrow beside the block's name at the top of the panel and select Edit block. How block variants and formats work explains variants.
General
Setting
What it does
Icon
The icon, Star by default. Click it to search the icon library by name, such as "mail" or "heart".
Size
The panel of a placed Icon has no size setting of its own. The Extra Large switch under Variant turns on the larger of the Icon's two formats. The icon's size belongs to its variant and its format in the Blocks panel, where Size offers S, M, L and XL (16, 18, 20 and 22 px) or a size you enter. The padding around the icon sets how big its box is.
Colors and spacing
Setting
What it does
Text color
The icon's color. Default takes a color that reads on the box's background.
Padding
The space between the icon and the edge of its box. A larger padding makes a larger box. With Plain and Plain Accent, which have no box, it adds empty space around the icon.
The Colors group's + menu adds Background and Gradient, and the Spacing group's + menu adds Margin.
The Icon block shows one icon, alone or in a small filled or outlined box. Use it in feature lists, cards and highlights. The icon is drawn as part of the page, so it stays sharp at any size. You cannot upload an icon of your own, and an Icon is not a link. For an icon that links, use an Icon Link. You find it in the Content group of the block picker. It goes in a Section, or inside a Group, a Collection, a No Results or a Paywall.
Variant
At the top of the panel, Variant picks the icon's look. A new project has four:
The variants live in the Decoration group of the Blocks panel. Change one there, and every Icon that uses it changes. To open it from a selected Icon, click the arrow beside the block's name at the top of the panel and select Edit block. How block variants and formats work explains variants.
General
Size
The panel of a placed Icon has no size setting of its own. The Extra Large switch under Variant turns on the larger of the Icon's two formats. The icon's size belongs to its variant and its format in the Blocks panel, where Size offers S, M, L and XL (16, 18, 20 and 22 px) or a size you enter. The padding around the icon sets how big its box is.
Colors and spacing
The Colors group's + menu adds Background and Gradient, and the Spacing group's + menu adds Margin.
Shared settings
The Icon also has Width from the Layout settings, Border and Corners (Full makes a round box) from the Colors and appearance settings, the Display settings and the Advanced settings.