Brand icon (item)

Brand icon (type: brand_icon, display name “Brand icon”). Used as a child of Brand icons container — not added directly as a top-level component.

i18n’s type.brand_icon (singular) and type.brand_icons (plural container) share the same display name — merchants don’t see this distinction in the admin, only the container and its children.

Fields

Source

• Icon library (brand for e-commerce / social for social media / SNS / contact for messaging) filtered by category
• After selecting a brand, the corresponding R2 resource is auto-loaded

Variant

• Color (color) — official brand color
• Mono (mono) — black & white version

Link

• Link — URL
• Target — Same tab / New tab

Size

• Icon size follows the parent container (brand_icons) desktopSize / mobileSize fields uniformly

Container relationship

• brand_icon item fields are child-level: source, variant, link, target
• brand_icons (container) fields are container-level: direction, alignment, gap, hover animation, card mode, unified icon size
• Merchant adds the container in the editor first, then enters the container to add / edit each brand_icon child

See Brand icons (container).

Image: brand_icon item editor panel (inside brand_icons container)