Skip to content

Social media icon - Web Component

The SocialMediaIcon component can be used imported from:

Playground

Parameters

INFO

The web component version of the icon doesn't require to import th icons from @zurich/design-tokens.

...

Parameters use

config

The config attribute is an optional parameter that can be used to set the size and color of the icon.

The pattern would be: <?style><?:size>.

style
size

The first modifier is size and this attribute can receive the values xs, s, m or l. The default size is m.

brand

It's the brand of the social media that is going to be shown. Check the social media icon list here.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example