<ul class="widget-social-icons list-inline">
  {% assign _lazyload = settings.use_lazyload %}  
  
  {% for i in (1..4) %}
  {% assign _type = 'social_icon_type_' | append: i %}
  
  {% unless settings[_type] == 'none' %}
    {% assign _font_icon = 'social_font_icon_' | append: i %}
    {% assign _image = 'social_icon_' | append: i %}
    {% assign _title = 'social_icon_title_' | append: i %}
    {% assign _link = 'social_icon_link_' | append: i %}
  
    <li>
      <a target="_blank" rel="noopener" href="{{ settings[_link] }}" title="{{ settings[_title] }}"{% if _lazyload %} class="lazyload waiting"{% endif %}>
        {% if settings[_type] == 'font-icon' %}
          <i class="demo-icon {{ settings[_font_icon] }}"></i>
        {% else %}
          {% assign img_size = '35x' %}  
          <img{% if _lazyload %} class="lazyload" data-{% endif %}src="{{ settings[_image] | img_url: img_size }}" alt="Social" />
        {% endif %}
      </a>
    </li>
  {% endunless %}
  
  {% endfor %}

</ul>