New Social Icons

Find out the latest social media icons used in Matrix Themes and all options for customization

The color link is the same as you set up global link in Font settings, but you can change it using the following helper classes:

• link-dark
• link-grey
• link-white

• left-align
• center-align
• right-align

• size-11
• size-12
• size-13
• ...
• size-20

The additional styles have been added in August 2019, so you can update the CSS using the section 'updates'

<div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-solid">

<div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-solid">

<div class="hs-social is--flex new-social left-align link-white size-11 is-circle-solid is-rounded">

<div class="hs-social is--flex new-social left-align link-dark size-11 is-circle-border">

<div class="hs-social is--flex new-social is-mid-rounded left-align link-dark size-11 is-circle-border">

<div class="hs-social is--flex new-social is-rounded left-align link-dark size-11 is-circle-border">

You can also use your brand color with the following helper classes:

• has-brand-bg
• has-brand-border

UPDATES: the latest styles of social icons are available in section Updates of Matrix Themes menu. You just copy the code and add it to your CSS folder.