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 provide the class social-app-* with the social app whose icon you want to use.

<span class="social social-app-facebook"></span>
<span class="social social-app-x"></span>
<span class="social social-app-instagram"></span>

Social apps list

Here is a list of all available social apps: