Social Icons
Social icons are a great way to make your website more engaging and user-friendly. You can use social icons to help users quickly find your social media profiles and connect with you.
Installation
This part of Tabler is distributed as plugin. To enable it you should include tabler-socials.css or tabler-socials.min.css file to your page.
You can also include plugin via CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/css/tabler-socials.min.css">
Social icons
To create a social icon, add the social class to a component and choose the country whose flag you want to use.
Social apps list
Here is a list of all available social apps:
| Apple | apple |  | .social-app-apple |
| Discord | discord |  | .social-app-discord |
| Dribbble | dribbble |  | .social-app-dribbble |
facebook |  | .social-app-facebook | |
| Figma | figma |  | .social-app-figma |
| GitHub | github |  | .social-app-github |
google |  | .social-app-google | |
instagram |  | .social-app-instagram | |
linkedin |  | .social-app-linkedin | |
| Medium | medium |  | .social-app-medium |
| Meta | meta |  | .social-app-meta |
| MetaMask | metamask |  | .social-app-metamask |
pinterest |  | .social-app-pinterest | |
reddit |  | .social-app-reddit | |
| Signal | signal |  | .social-app-signal |
| Skype | skype |  | .social-app-skype |
| Snapchat | snapchat |  | .social-app-snapchat |
| Spotify | spotify |  | .social-app-spotify |
| Telegram | telegram |  | .social-app-telegram |
| TikTok | tiktok |  | .social-app-tiktok |
| Tumblr | tumblr |  | .social-app-tumblr |
| Twitch | twitch |  | .social-app-twitch |
| VK | vk |  | .social-app-vk |
| X (Twitter) | x |  | .social-app-x |
| YouTube | youtube |  | .social-app-youtube |
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
