SmilingZ - CSS Component ​

Playground ​

Customization ​

Construction ​

The CSS component uses a <div> tag. Using the z-smiling-z HTML custom attribute will render the isotype logo CSS component.

z-smiling-z ​

The z-smiling-z parameter is the main parameter used to render the isotype logo component.

You can customize the color of the isotype using the --z-smiling-z--fill and the size of the isotype --z-smiling-z--size CSS custom properties.

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​