DIANA

Diseño Aplicaciones Navarra

Link list

Lista de enlaces con iconografía y espaciado propio.

Estado: review

1. Lista de enlaces

Mostrar HTML 
<ul class="gn-link-list">
  <li class="gn-link-list__item">
    <a href="#" class="gn-link-list__link">
      <svg class="gn-link-list__icon" aria-hidden="true" viewBox="0 0 19 19" focusable="false">
        <path d="M13.5771 10.0938H3.16666V8.90626H13.5771L8.66875 3.99792L9.5 3.16667L15.8333 9.50001L9.5 15.8333L8.66875 15.0021L13.5771 10.0938Z"></path>
      </svg>
      <span class="gn-link-list__text">Ayudas y subvenciones</span>
    </a>
  </li>
  <li class="gn-link-list__item">
    <a href="#" class="gn-link-list__link gn-link-list__link--external">
      <svg class="gn-link-list__icon" aria-hidden="true" viewBox="0 0 19 19" focusable="false">
        <path d="M13.5771 10.0938H3.16666V8.90626H13.5771L8.66875 3.99792L9.5 3.16667L15.8333 9.50001L9.5 15.8333L8.66875 15.0021L13.5771 10.0938Z"></path>
      </svg>
      <span class="gn-link-list__text">Trámites online</span>
      <svg class="gn-link-list__external-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true" focusable="false">
        <path d="M0 13.4167V0H6.70833V1.4375H1.4375V11.9792H11.9792V6.70833H13.4167V13.4167H0ZM4.85156 9.58333L3.83333 8.5651L10.9609 1.4375H8.625V0H13.4167V4.79167H11.9792V2.45573L4.85156 9.58333Z" fill="currentColor"></path>
      </svg>
    </a>
  </li>
  <li class="gn-link-list__item">
    <a href="#" class="gn-link-list__link">
      <svg class="gn-link-list__icon" aria-hidden="true" viewBox="0 0 19 19" focusable="false">
        <path d="M13.5771 10.0938H3.16666V8.90626H13.5771L8.66875 3.99792L9.5 3.16667L15.8333 9.50001L9.5 15.8333L8.66875 15.0021L13.5771 10.0938Z"></path>
      </svg>
      <span class="gn-link-list__text">Información ciudadana</span>
    </a>
  </li>
</ul>