Skip to content

Icon

A component to display an icon

Streamsync uses the library RemixIcon to display icons. To include an icon, check remixicon.com, find the icon's id (such as arrow-up)

Fields

NameTypeDescriptionOptions
IconTextA RemixIcon id, such as "arrow-up".
Icon sizeNumberIcon size in px
Icon colorColor
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

Low code usage

This component can be declared directly in Python, using backend-driven UI.

python
ui.Icon(content={
        "icon": "", # str 
        "size": 0.0, # Union[float, str] 
        "color": "", # str 
        "cssClasses": "", # str 
    }
)

Reference