Skip to content

Social media icon - CSS Component

The SocialMediaIcon component can be used imported from:

Playground

Construction

The CSS component uses a <i> tag. Using the z-social-media-icon HTML custom attribute will render the icon CSS component.

The size can be adjusted using the z-social-media-icon attribute with T-shirt values:

Forcing a monochrome version can be done using the first position of the z-social-media-icon attribute with mono. This can be used also in combination with the size modifier:

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example