PrimitivesDisplayIcon

Icon

Glyph from the shared IconName set. Never a raw <svg> in markup.

<koala-icon>

Size

Container

All icons

Activity

AlertCircle

AlertTriangle

Apartment

ArrowDown

ArrowDownLeft

ArrowDownRight

ArrowLeft

ArrowLeftRight

ArrowRight

ArrowUp

ArrowUpDown

ArrowUpRight

Backspace

BadgePercent

Ban

BarChart

Bell

Blockquote

Bold

BookOpen

Briefcase

Building

Calendar

Check

CheckCircleFilled

CheckDouble

CheckSquare

ChevronDown

ChevronLeft

ChevronRight

ChevronsUpDown

CircleCheck

CircleDashed

CircleDot

CircleUserRound

ClipboardCheck

Clock

Code

Compass

ContactCard

Copy

CornerDownRight

CreditCard

Crown

Download

EditPencil

ExternalLink

Eye

EyeOff

Facebook

FastForward

File

FileCheck

FileCsv

FileDoc

FileGif

FileHeic

FileImage

FileImg

FileJpeg

FilePdf

FilePng

FileText

FileTxt

FileXls

Flag

FlagCheckered

Funnel

GitBranch

GitCompare

Globe

GraduationCap

GripVertical

Handshake

Headset

Contact

Heart

HelpCircle

House

Info

Instagram

Italic

Key

KeyRound

KoalaLeaf

Landmark

LayoutGrid

Lightbulb

Link

LinkSlash

ListOrdered

ListUnordered

Lock

Mail

MapPin

Maximize

MessageCircleQuestion

MessageSquare

Microphone

MicrophoneOff

MoneyBag

Monitor

Moon

MoreHorizontal

MoreVertical

OfficeBuilding

PanelLeft

Pause

Pencil

Phone

PhoneOff

Play

Plus

PlusCircle

PoundSterling

QrCode

HouseArrowHouse

ArrowRightHouse

HouseArrowRight

RefreshCw

Rewind

Rocket

Scale

Send

Settings

Shield

Smartphone

Smile

Sparkles

StickyNote

StrikeThrough

Sun

Ticket

Trash

TrashX

Underline

Upload

User

Users

Video

Waves

XCircle

Zap

Domain icons

DomainIcon.<Concept> maps a Portal business/domain entity to its generic, shape-named IconName glyph. The same convention SemanticIcon uses for reserved glyphs, but for ordinary business terms instead of brand-sensitive ones. Reference the concept (name="@(DomainIcon.Quote)"), never the raw glyph, at call sites for these entities.

Quote

Transaction

Client

Partner

Branch

Organisation

Activity

Discount

Fee

LinkedTransaction

Analytics

CallCentre

Sale

Purchase

Both

Icon circle

color

size

solid

API

name IconName

size ExtraSmallSmallDefaultLargeExtraLarge

tooltip string

container NoneCircle

tone PrimaryDangerSuccessWarningInfoSurface

container-size SmallDefaultMediumLargeExtraLargeHero

color PrimaryDangerSuccessWarningInfoSurface (koala-icon-circle)

solid bool (koala-icon-circle / koala-icon container=Circle)