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 a plugin. To enable it you should include tabler-socials.css or tabler-socials.min.css file in your page.
You can also include the 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 also add the class for the specific social app whose icon 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
