How to use
Include the following:
{{ 'social/social-icons.css' | global_asset_url | stylesheet_tag }}Then, include your icon with a span element.
Regular icons
<span class="shopify-social-icon-twitter"></span>Circle icons
<span class="shopify-social-icon-twitter-circle"></span>Rounded icons
<span class="shopify-social-icon-twitter-rounded"></span>Square icons
<span class="shopify-social-icon-twitter-square"></span>Regular icons with brand colors
<span class="shopify-social-icon-twitter color"></span>Circle icons with brand colors
<span class="shopify-social-icon-twitter-circle color"></span>Rounded icons with brand colors
<span class="shopify-social-icon-twitter-rounded color"></span>Square icons with brand colors
<span class="shopify-social-icon-twitter-square color"></span>