Footer social logo example

footer-social-logo-example.liquid

{% unless settings.social_twitter_link == blank %}
    <li class="footer-nav__social-item">
        <a href="{{ settings.social_twitter_link }}" class="footer-nav__social-link icon-fallback" target="_blank" rel="noopener">
            <i class="icon icon--twitter" aria-hidden="true"></i>
            <span class="icon-fallback__text">Twitter</span>
        </a>
    </li>
{% endunless %}
{% unless settings.social_pinterest_link == blank %}
    <li class="footer-nav__social-item">
        <a href="{{ settings.social_pinterest_link }}" class="footer-nav__social-link icon-fallback" target="_blank" rel="noopener">
            <i class="icon icon--pinterest" aria-hidden="true"></i>
            <span class="icon-fallback__text">Pinterest</span>
        </a>
    </li>
{% endunless %}
{% unless settings.social_instagram_link == blank %}
    <li class="footer-nav__social-item">
        <a href="{{ settings.social_instagram_link }}" class="footer-nav__social-link icon-fallback" target="_blank" rel="noopener">
            <i class="icon icon--instagram" aria-hidden="true"></i>
            <span class="icon-fallback__text">Instagram</span>
        </a>
    </li>
{% endunless %}