<ul class="c-categories-list">
    <li class="c-categories-list__item">
        <a class="c-categories-list__link" href="">
            <svg class="c-categories-list__image c-categories-list__image--icon e-icon" aria-hidden="true"><use xlink:href="#info"></use></svg>
            <span class="c-categories-list__title">Jak vybrat hobby?</span>
        </a>
    </li>
    <li class="c-categories-list__item">
        <a class="c-categories-list__link" href="">
        <img src="styleguide/img/categories-list/1513.png" aria-hidden="true" class="c-categories-list__image">
        <span class="c-categories-list__title e-counter" data-count="5 279">Hobby</span>
        </a>
    </li>
    <li class="c-categories-list__item">
        <a class="c-categories-list__link" href="">
            <img src="styleguide/img/categories-list/998.png" aria-hidden="true" class="c-categories-list__image">
            <span class="c-categories-list__title e-counter" data-count="6 278">Jídlo a nápoje</span>
        </a>
    </li>
    <li class="c-categories-list__item">
        <a class="c-categories-list__link" href="">
            <img src="styleguide/img/categories-list/975.png" aria-hidden="true" class="c-categories-list__image">
            <span class="c-categories-list__title e-counter" data-count="666">Sport</span>
        </a>
    </li>
    <li class="c-categories-list__item">
        <a class="c-categories-list__link" href="">
            <img src="styleguide/img/categories-list/2051.png" aria-hidden="true" class="c-categories-list__image">
            <span class="c-categories-list__title e-counter" data-count="1 234">Stavebniny</span>
        </a>
    </li>
</ul>