<!-- Icon-Links mit 6 Elementen -->
<ul class="icon-links">
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/signpost.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Studieninteressierte</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/pencil.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Bewerber</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/globus.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Internationale Studenten</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/handshake.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Freunde und Förderer</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/signpost.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Unternehmen</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
  <li class="icon-links__item">
    <a class="icon-links__link" href="#">
      <div class="icon-links__item-image">
        <div class="image" style="padding-top: 100%;">
          <img class="image__img" role="presentation" src="/images/icon-link-images/rocket.svg" width="200" height="200" />
        </div>
      </div>
      <div class="icon-links__item-text">Gründer</div>
      <div class="icon-links__item-icon">
        <svg class="icon icon--angle-right" viewBox="0 0 200 200" role="presentation">
          <use xlink:href="#icon-angle-right"></use>
        </svg>
      </div>
    </a>
  </li>
</ul>

{
  "items": [
    {
      "image": {
        "src": "/images/icon-link-images/signpost.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Studieninteressierte",
      "link": "#"
    },
    {
      "image": {
        "src": "/images/icon-link-images/pencil.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Bewerber",
      "link": "#"
    },
    {
      "image": {
        "src": "/images/icon-link-images/globus.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Internationale Studenten",
      "link": "#"
    },
    {
      "image": {
        "src": "/images/icon-link-images/handshake.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Freunde und Förderer",
      "link": "#"
    },
    {
      "image": {
        "src": "/images/icon-link-images/signpost.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Unternehmen",
      "link": "#"
    },
    {
      "image": {
        "src": "/images/icon-link-images/rocket.svg",
        "width": 200,
        "height": 200,
        "presentation": true
      },
      "text": "Gründer",
      "link": "#"
    }
  ]
}