Icons

<!--
Inline <defs> SVG sprite
====================================================================================================
This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere
below within this document. Please see

    https://github.com/svg-sprite/svg-sprite/blob/main/docs/configuration.md#defs--symbol-mode

for further details on how to create this embeddable sprite variant.
-->


<div class="l-fr-grid--3">
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 20 20" class="svg-icon__arrow-dims">
                        <use xlink:href="#icon__arrow"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__arrow </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 15 20" class="svg-icon__chevron-dims">
                        <use xlink:href="#icon__chevron"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__chevron </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 512 512" class="svg-icon__facebook-dims">
                        <use xlink:href="#icon__facebook"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__facebook </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 448 512" class="svg-icon__instagram-dims">
                        <use xlink:href="#icon__instagram"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__instagram </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 448 512" class="svg-icon__linkedin-dims">
                        <use xlink:href="#icon__linkedin"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__linkedin </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 512 512" class="svg-icon__search-dims">
                        <use xlink:href="#icon__search"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__search </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 512 512" class="svg-icon__x-twitter-dims">
                        <use xlink:href="#icon__x-twitter"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__x-twitter </div>
            </div>
        </div>
        <div class="m-fr-icon">
            <div class="m-fr-icon__svgs">
                <div class="m-fr-icon__svg">
                    <svg viewBox="0 0 384 512" class="svg-icon__xmark-dims">
                        <use xlink:href="#icon__xmark"></use>
                    </svg>
                </div>
                <div class="m-fr-icon__txt">@icon__xmark </div>
            </div>
        </div>
    </div>