Icons

<oblyx-icon> renders one of 28 inline SVG glyphs by semantic name : no network request, no icon font. Size and color are inherited from context (1em sizing,currentColor), so a caller controls both with ordinary font-size/color. The icon is decorative by default (aria-hidden); pass label to expose it to assistive tech instead. See the icon component page for the full attribute reference.

Basic icon

HTML

Kotlin

<oblyx-icon name="close" label="Close"></oblyx-icon>

oblyxIcon(name = OblyxIconName.CLOSE, label = "Close")

Glyphs

Every name the shipped set actually contains, rendered live.

closeOblyxIconName.CLOSE

chevronDownOblyxIconName.CHEVRON_DOWN

chevronLeftOblyxIconName.CHEVRON_LEFT

chevronRightOblyxIconName.CHEVRON_RIGHT

chevronsLeftOblyxIconName.CHEVRONS_LEFT

chevronsRightOblyxIconName.CHEVRONS_RIGHT

checkOblyxIconName.CHECK

successOblyxIconName.SUCCESS

errorOblyxIconName.ERROR

warningOblyxIconName.WARNING

infoOblyxIconName.INFO

calendarOblyxIconName.CALENDAR

clockOblyxIconName.CLOCK

externalLinkOblyxIconName.EXTERNAL_LINK

menuOblyxIconName.MENU

moreHorizontalOblyxIconName.MORE_HORIZONTAL

searchOblyxIconName.SEARCH

arrowUpOblyxIconName.ARROW_UP

arrowDownOblyxIconName.ARROW_DOWN

arrowsUpDownOblyxIconName.ARROWS_UP_DOWN

funnelOblyxIconName.FUNNEL

eyeSlashOblyxIconName.EYE_SLASH

viewColumnsOblyxIconName.VIEW_COLUMNS

copyOblyxIconName.COPY

checkDoubleOblyxIconName.CHECK_DOUBLE

wrenchOblyxIconName.WRENCH

stopOblyxIconName.STOP

microphoneOblyxIconName.MICROPHONE

Unknown names fail visibly

A name outside the registry doesn't render nothing: it renders a visible dashed placeholder and logs a console error, so a typo or a stale name shows up immediately instead of silently disappearing.

Unknown icon name

"not-a-real-icon" isn't in the registry.

HTML

Kotlin

<oblyx-icon name="not-a-real-icon"></oblyx-icon>

// There is no OblyxIconName constant for a name outside the registry.
// The enum itself only has the 28 real entries, so this can't be
// expressed in Kotlin at all. The HTML preview shows what an unknown
// name renders in a hand-written page or a server response that didn't
// go through the generated builder.