Skip to content

Pictogram - CSS Component

The Pictogram component can be used imported from:

Playground

Construction

The CSS component uses a <div> tag. Using the z-pictogram HTML custom attribute referencing the name of the pictogram as a value will display the pictogram CSS component.

z-pictogram

The z-pictogram parameter is the main parameter used to render the pictogram component. Make sure that you specify, correctly, the name of the pictogram you want to use. Check the pictograms catalog

We can add the suffix :dark to choose the dark version of the pictogram:

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example