Social Icons

These social media icons are usually found in the site's footer but can also be used on other areas of the site.

.social-icons--square
A variation of social icons which are in square shape with chipped corners.
Markup Details
                            {{ attach_library('goizueta_theme/social-icons') }}
{% import '@components/icons/icons.twig' as icons %}

<ul class="social-icons {{ modifier_class }} {{ classes|default('') }}">
  {% for item in items %}
    <li class="social-icons__item">
      <a href="{{ item.url }}"
        class="social-icons__link">
        {{ icons.get(item.icon, 'icon--' ~ item.icon|lower) }}
        <span class="visually-hidden">{{ item.icon }}</span>
      </a>
    </li>
  {% endfor %}
</ul>