Skip to content 
Pictogram ✅ Ready
The Pictogram component can be used imported from:
Imports
Make sure you import the proper CSS stylesheet. Check CSS components packages here. Pictograms are excluded of the general import and need to be loaded manually. Check how you can import pictograms here
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.
pictogram
The z-pictogram parameter is the ona that choses the pictogram to show.
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