Icon (icon)

🔗 External documentation.

ID Label Description Schema
url URL
                        type: string
format: iri-reference

                      
label Label
                        type: string

                      
            id: icon
label: Icon
homepage: 'https://design-system.w3.org/components/cards.html'
variants:
    default:
        id: default
        label: Default
    larger:
        id: larger
        label: Larger
props:
    url:
        id: url
        label: URL
        schema:
            type: string
            format: iri-reference
    label:
        id: label
        label: Label
        schema:
            type: string
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': icon
            url: 'https://design-system.w3.org/dist/assets/svg/beta.svg'
            label: Beta

          

Default ( default )

Beta
<img alt="Beta" class="icon" role="img" src="https://design-system.w3.org/dist/assets/svg/beta.svg" />

Larger ( larger )

Beta
<img alt="Beta" class="icon--larger icon" role="img" src="https://design-system.w3.org/dist/assets/svg/beta.svg" />