Skip to main content

Properties

    Functional icons visually highlight key functionalities. Used well, they can reduce clutter and help users easily understand the interface and their options.

    Props

    SvgIconProps

    NameTypeDefaultDescription
    'data-testid'?

    Test id used for selecting the component's container.

    'data-iconname'?

    Icon name usable for identifying the icon properly.

    size?
    |
    20

    Size of the icon. Three predefined sizes are available, or specify a custom size in px.

    className?

    Classname that gets applied to the root element of the component.

    Be aware that overriding certain styles may result in unexpected behavior!

    style?

    Style attribute that will be mapped to the root element of the component.

    Be aware that overriding certain styles may result in unexpected behavior!

    Still have questions?
    Find answers in the Dynatrace Community