Skip to main content
Documentation/Elements & Controls Reference/Elements/Fundamental Elements/Fundamental SVG Icon

Fundamental SVG Icon

Fundamental SVG Icon displays an editable SVG icon with appearance controlled through selectors.

Edit the Element

Select it in Structure. Choose Content > Content > Icon, then inspect the applied selector for size, color, and spacing.

Style the element with selectors; shared classes affect every instance. Use Settings for conditions, interactions, animations, and attributes.

Fundamental SVG Icon controls in the Breakdance editor
Fundamental SVG Icon controls in the Breakdance editor

The current registration is distinct from Fundamental SVG Icon V1. Keep visible text or an appropriate accessible name for controls whose purpose would otherwise depend only on the icon.

Content > Content

Setting Purpose and options Behavior
Icon Icon. Shared

The icon color does not change: Inspect the SVG's fill/stroke behavior and the applied selector. Not every SVG uses the same color mechanism.