SocialMediaIcon ✅ Ready ​

The SocialMediaIcon component can be used imported from:

INFO

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

Playground ​

Parameters ​

Parameters use ​

Check the documentation about how to use the parameters.

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 ​