compose-html-ext/com.varabyte.kobweb.compose.dom.svg/Svg

Svg

@Composable

fun Svg(attrs: SVGSvgAttrsScope.() -> Unit? = null, content: ContentBuilder<SVGSVGElement>)(source)

A composable for creating an SVG element.

Within an SVG scope, various children types are available. For example, you can use a Path to create an SVG icon:

Svg(attrs = Modifier.width(24.px).height(24.px)
    .toAttrs {
        attr("viewBox", "0 0 16 16")
        attr("role", "img")
        attr("aria-label", "Warning:")
    }
) {
    Path(attrs = {
        attr(
            "d",
            "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
        )
    })
}

See also: https://developer.mozilla.org/en-US/docs/Web/SVG