HoopsIcon

class ui.icons.HoopsIcon()

A web component that displays SVG icons from a predefined icon library.

Provides a simple interface for rendering SVG icons by name, with automatic sizing and error handling for missing icons.

Examples

<hoops-icon icon="home"></hoops-icon>
<hoops-icon icon="settings" style="width: 24px; height: 24px;"></hoops-icon>

Custom Element

hoops-icon

Attributes

icon

Name of the icon to display from the icon library

CSS Properties

–hoops-icon-width

Width of the icon container

–hoops-icon-height

Height of the icon container

–hoops-svg-stroke-color

Stroke color for SVG icon elements

–hoops-svg-fill-color

Fill color for SVG icon elements

Since

2025.7.0

Index

Constructors

• constructor

Properties

• icon

Constructors

ui.icons.HoopsIcon.constructor()

HoopsIcon(): HoopsIcon

Returns: HoopsIcon

Properties

ui.icons.HoopsIcon.icon

icon: string

The name of the icon to display from the icon library.

Default

```ts '' ```