<template>
    <span class="icon" :class="{ 'icon-4k': icon4k, 'primary-color': primary }">
        <!--      LISTEN ICON-->
        <template v-if="name === 'listen-icon'">
            <svg :style="getSize" viewBox="0 0 186 122">
                <path
                    d="M184,43.74H164.13l-25.27-5.88a2,2,0,0,0-2.46,2v41a2,2,0,0,0,.76,1.58,2,2,0,0,0,1.25.43,1.85,1.85,0,0,0,.46-.05l25.27-6h2.79V96.41a2,2,0,0,0,2,2h2V122h5V98.42h3a2,2,0,0,0,2-2V76.74h3a2,2,0,0,0,2-2v-29A2,2,0,0,0,184,43.74ZM177,94.4h-6V78.26h6ZM161.9,73.15l-11.45,2.71V44.68l11.45,2.66Zm-21.49-30.8,6,1.4V76.63c0,.06,0,.12,0,.18l-6.06,1.44ZM182,72.73H165.9v-25H182Zm-52.26,2.12a2,2,0,0,1-1.42-.58,23.07,23.07,0,0,1,0-32.59,2,2,0,0,1,2.83,0,2,2,0,0,1,0,2.84,19,19,0,0,0,0,26.9,2,2,0,0,1,0,2.84A2,2,0,0,1,129.74,74.85Zm-11.05,3.66a2,2,0,0,1-1.42-.59,28.55,28.55,0,0,1,0-40.15,2,2,0,1,1,2.83,2.84,24.52,24.52,0,0,0,0,34.47,2,2,0,0,1,0,2.84A2,2,0,0,1,118.69,78.51Zm-9.17,5.8a2,2,0,0,1-1.43-.61,36.78,36.78,0,0,1,0-51.46,2,2,0,1,1,2.85,2.81,32.77,32.77,0,0,0,0,45.84,2,2,0,0,1-1.42,3.42ZM81.87,40.06C81.74,18,63.38,0,40.94,0A41.05,41.05,0,0,0,0,41.08c0,9.16,3.36,18.39,9.69,26.67.23.3,25.09,33.33,33.59,43.92,5,6.1,10.76,9.19,17.25,9.19a21.44,21.44,0,0,0,21.34-20.79V98.91C81.92,82,82,52,81.87,40.06Zm-4,58.84V100a17.41,17.41,0,0,1-17.35,16.82c-5.23,0-10-2.59-14.14-7.7C37.93,98.6,13.12,65.64,12.88,65.32,7.07,57.73,4,49.35,4,41.08A37,37,0,0,1,40.94,4C61.19,4,77.76,20.2,77.87,40.08h0C78,52,77.92,82,77.88,98.9ZM68.94,79.4a11.43,11.43,0,0,1-21.77,4.9,2,2,0,1,1,3.61-1.74A7.44,7.44,0,1,0,57.52,72a11.46,11.46,0,0,1,0-22.92H60a4,4,0,0,0,3.71-2.49,23.17,23.17,0,0,0,.82-6.22,22.79,22.79,0,0,0-.2-3,23.41,23.41,0,0,0-7-1A23.69,23.69,0,0,0,33.77,60a19.92,19.92,0,0,0,.1,2.48,2,2,0,0,1-1.69,2.28l-.29,0a2,2,0,0,1-2-1.72A23,23,0,0,1,29.77,60,27.7,27.7,0,0,1,57.39,32.27a28.46,28.46,0,0,1,6,.64,23.61,23.61,0,0,0-46.06,7.41,31.55,31.55,0,0,0,.24,3.19,2,2,0,1,1-4,.44,32.42,32.42,0,0,1-.27-3.63,27.61,27.61,0,0,1,54.76-5.17,2,2,0,0,1,.11.6,27.63,27.63,0,0,1,.38,4.57,28,28,0,0,1-.76,6.52,2.56,2.56,0,0,1,0,.27,6.32,6.32,0,0,1-.18.62l0,.09c-.07.23-.13.45-.2.67a2,2,0,0,1-.59.9A8.07,8.07,0,0,1,60,53.05H57.52a7.45,7.45,0,0,0,0,14.89A11.46,11.46,0,0,1,68.94,79.4Z"
                />
            </svg>
        </template>
        <!--      LISTEN ICON-->
        <!--      IMPRESSUM ICON-->
        <template v-if="name === 'impressum-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M20,40A20,20,0,1,1,40,20,20,20,0,0,1,20,40ZM20,3A17,17,0,1,0,37,20,17,17,0,0,0,20,3Zm2,11a2,2,0,1,0-2,2A2,2,0,0,0,22,14Zm-.5,14h-3a.5.5,0,0,1-.5-.5v-9a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5v9A.5.5,0,0,1,21.5,28Z"
                />
            </svg>
        </template>
        <!--      IMPRESSUM ICON-->

        <!--      CONTRAST ICON-->
        <template v-if="name === 'contrast-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M20,0A20,20,0,1,0,40,20,20,20,0,0,0,20,0Zm0,37V3a17,17,0,0,1,0,34Z"
                />
            </svg>
        </template>
        <!--      CONTRAST ICON-->

        <!--      FONTSIZE ICON-->
        <template v-if="name === 'fontsize-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M20.71,27.37a1.77,1.77,0,0,0-.12-.43L16.22,12.61a.21.21,0,0,0-.24-.17H14.25a.22.22,0,0,0-.24.17L9.64,26.94c0,.19-.12.33-.12.43s.1.19.27.19h2.4a.22.22,0,0,0,.24-.17l.72-2.52c0-.12.12-.14.24-.14h3.43c.12,0,.22,0,.24.14l.72,2.52a.21.21,0,0,0,.24.17h2.42C20.61,27.56,20.71,27.49,20.71,27.37ZM16.24,22c0,.12-.09.22-.26.22H14.23c-.17,0-.27-.1-.27-.22a4.14,4.14,0,0,1,.12-.48l.72-2.78c0-.19.24-1.13.29-1.32h.07c.05.19.22,1.15.27,1.32l.69,2.81A2,2,0,0,1,16.24,22Zm14.24,5.33V20.55c0-2.49-1.76-4.22-4.49-4.22a4,4,0,0,0-3.7,1.82,3.66,3.66,0,0,0-.5,1c0,.07.05.12.14.17l1.83,1a.68.68,0,0,0,.28.12.23.23,0,0,0,.2-.14c.57-1,1.17-1.37,1.75-1.37a1.66,1.66,0,0,1,1.75,1.63v.29a.22.22,0,0,1-.24.24H25.2a3.17,3.17,0,0,0-3.39,3.21v.12a3.2,3.2,0,0,0,3.39,3.22h.91a3.05,3.05,0,0,0,1.46-.43.38.38,0,0,1,.22-.07c.12,0,.17.12.17.31s.07.19.24.19h2C30.4,27.56,30.48,27.49,30.48,27.32ZM27.74,23.7A1.75,1.75,0,0,1,26.11,25H25.2a.66.66,0,0,1-.65-.7V24a.67.67,0,0,1,.65-.67h2.54ZM20,40A20,20,0,1,1,40,20,20,20,0,0,1,20,40ZM20,3A17,17,0,1,0,37,20,17,17,0,0,0,20,3Z"
                />
            </svg>
        </template>
        <!--      FONTSIZE ICON-->

        <!--      CLOSE ICON-->
        <template v-if="name === 'close-icon'">
            <!--          width="40" height="40"-->
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M22.83,20,38.38,4.44a1,1,0,0,0,0-1.41L37,1.62a1,1,0,0,0-1.41,0L20,17.17,4.44,1.62A1,1,0,0,0,3,1.62L1.62,3a1,1,0,0,0,0,1.41L17.17,20,1.62,35.56a1,1,0,0,0,0,1.41L3,38.38a1,1,0,0,0,1.41,0L20,22.83,35.56,38.38a1,1,0,0,0,1.41,0L38.38,37a1,1,0,0,0,0-1.41Z"
                />
            </svg>
        </template>
        <!--      CLOSE ICON-->

        <!--      ARROW-PREV ICON-->
        <template v-if="name === 'arrow-prev-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M37,18H7.88L19.41,6.44a2,2,0,0,0-2.85-2.85l-15,15a2,2,0,0,0,0,2.86l15,15a2,2,0,1,0,2.85-2.85L7.88,22H37a2,2,0,1,0,0-4Z"
                />
            </svg>
        </template>
        <!--      ARROW-PREV ICON-->

        <!--      ARROW-NEXT ICON-->
        <template v-if="name === 'arrow-next-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M3,22h29.1L20.59,33.56a2,2,0,0,0,2.85,2.85l15-15a2,2,0,0,0,0-2.86l-15-15a2,2,0,0,0-2.85,2.85L32.12,18H3a2,2,0,0,0,0,4Z"
                />
            </svg>
        </template>
        <template v-if="name === 'menu-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M38,12H2a1,1,0,0,1-1-1V9A1,1,0,0,1,2,8H38a1,1,0,0,1,1,1v2A1,1,0,0,1,38,12Zm1,9V19a1,1,0,0,0-1-1H2a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H38A1,1,0,0,0,39,21Zm0,10V29a1,1,0,0,0-1-1H2a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H38A1,1,0,0,0,39,31Z"
                />
            </svg>
        </template>
        <template v-if="name === 'card-next-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M10.76,23.26a1,1,0,0,1-.47-.12,1,1,0,0,1-.53-.88V7.74a1,1,0,0,1,1.55-.84l11.22,7.26a1,1,0,0,1,0,1.68L11.31,23.1A1,1,0,0,1,10.76,23.26Z"
                />
            </svg>
        </template>
        <template v-if="name === 'slider-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M13,31a1,1,0,0,1-.74-.33l-9-10a1,1,0,0,1,0-1.34l9-10a1,1,0,0,1,1.49,1.34L5.35,20l8.41,9.33a1,1,0,0,1-.08,1.41A1,1,0,0,1,13,31Zm14.72-.33,9-10a1,1,0,0,0,0-1.34l-9-10a1,1,0,0,0-1.49,1.34L34.65,20l-8.41,9.33a1,1,0,0,0,.08,1.41A1,1,0,0,0,27,31,1,1,0,0,0,27.73,30.67Z"
                />
            </svg>
        </template>
        <template v-if="name === 'forward-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M4,24.78A16,16,0,0,0,36,24H32A12,12,0,1,1,20,12h0v8h0L30,10h0L20,0h0V8h0A16,16,0,0,0,4,24.78ZM17.6,30H16V23.4L14,24V22.6l3.6-1.2h.2V30Zm8.6-3.6A3.9,3.9,0,0,1,26,28l-.6,1.2s-.6.6-1,.6-.8.2-1.2.2a2.54,2.54,0,0,1-1.2-.2c-.4-.2-.6-.4-1-.6s-.4-.6-.6-1.2a4.4,4.4,0,0,1-.2-1.6V25a3.9,3.9,0,0,1,.2-1.6l.6-1.2s.6-.6,1-.6.8-.2,1.2-.2a2.54,2.54,0,0,1,1.2.2c.4.2.6.4,1,.6s.4.6.6,1.2a4.4,4.4,0,0,1,.2,1.6Zm-1.6-1.6v-1a2,2,0,0,1-.2-.6c0-.2-.2-.2-.4-.4a1,1,0,0,0-1.2,0l-.4.4a2,2,0,0,0-.2.6v4a2,2,0,0,1,.2.6c0,.2.2.2.4.4a1,1,0,0,0,1.2,0l.4-.4a2,2,0,0,0,.2-.6Z"
                />
            </svg>
        </template>
        <!--      FORWARD ICON-->

        <!--      BACK ICON (VIDEO)-->
        <template v-if="name === 'back-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M20.17,26.34a1,1,0,0,1-.71-.3L9.12,15.71a1,1,0,0,1,0-1.42L19.46,4a1,1,0,1,1,1.42,1.41L11.25,15l9.63,9.63a1,1,0,0,1,0,1.41A1,1,0,0,1,20.17,26.34Z"
                />
            </svg>
        </template>
        <!--      BACK ICON-->

        <!--      BACKWARD ICON (VIDEO)-->
        <template v-if="name === 'backward-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M20,8V0L10,10,20,20V12A12,12,0,1,1,8,24H4A16,16,0,1,0,20,8ZM17.8,30H16V23.4L14,24V22.6l3.6-1.2h.2Zm8.6-3.6a3.9,3.9,0,0,1-.2,1.6l-.6,1.2s-.6.6-1,.6-.8.2-1.2.2a2.54,2.54,0,0,1-1.2-.2c-.4-.2-.6-.4-1-.6s-.4-.6-.6-1.2a4.4,4.4,0,0,1-.2-1.6V25a3.9,3.9,0,0,1,.2-1.6l.6-1.2s.6-.6,1-.6.8-.2,1.2-.2a2.54,2.54,0,0,1,1.2.2c.4.2.6.4,1,.6s.4.6.6,1.2a4.4,4.4,0,0,1,.2,1.6Zm-1.8-1.6v-1a2,2,0,0,1-.2-.6c0-.2-.2-.2-.4-.4a1,1,0,0,0-1.2,0l-.4.4a2,2,0,0,0-.2.6v4a2,2,0,0,1,.2.6c0,.2.2.2.4.4a1,1,0,0,0,1.2,0l.4-.4a2,2,0,0,0,.2-.6Z"
                />
            </svg>
        </template>
        <!--      BACKWARD ICON-->

        <template v-if="name === 'next-icon'">
            <svg :style="getSize" viewBox="0 0 100 100">
                <path d="M36.5,69.5V31.3L66.58,50.4Z" />
            </svg>
        </template>

        <!--      URKUNDE ICON-->
        <template v-if="name === 'urkunde-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M25,6H5A2.06,2.06,0,0,0,3,8.11V23.89A2.06,2.06,0,0,0,5,26H25a2.06,2.06,0,0,0,2-2.11V8.11A2.06,2.06,0,0,0,25,6ZM5,23.72a1.78,1.78,0,0,0,.4.17H5Zm10,.17V8.11H25V23.89ZM23.75,13h-7.5a.25.25,0,0,1-.25-.25v-1.5a.25.25,0,0,1,.25-.25h7.5a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,23.75,13Zm0,4h-7.5a.25.25,0,0,1-.25-.25v-1.5a.25.25,0,0,1,.25-.25h7.5a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,23.75,17Zm0,4h-7.5a.25.25,0,0,1-.25-.25v-1.5a.25.25,0,0,1,.25-.25h7.5a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,23.75,21Z"
                />
            </svg>
        </template>
        <!--      URKUNDE ICON-->

        <!--      PIN-SOLID ICON-->
        <template v-if="name === 'pin-solid-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M15.6,22.89c1.54-2.06,5.52-7.6,5.52-10.2A6,6,0,0,0,15,6.82a6,6,0,0,0-6.12,5.87c0,2.6,4,8.14,5.52,10.2A.76.76,0,0,0,15.6,22.89Zm1.75-10.16A2.35,2.35,0,1,1,15,10.45,2.31,2.31,0,0,1,17.35,12.73Z"
                />
            </svg>
        </template>
        <!--      PIN-SOLID ICON-->

        <!--      PIN ICON-->
        <template v-if="name === 'pin-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M15,24.18a1.72,1.72,0,0,1-1.41-.71c-2.12-2.83-5.71-8-5.71-10.78A7,7,0,0,1,15,5.82a7,7,0,0,1,7.12,6.87c0,2.77-3.58,8-5.72,10.79A1.72,1.72,0,0,1,15,24.18Zm.2-1.9h0ZM15,7.82a5,5,0,0,0-5.12,4.87c0,1.52,2,5.08,5.12,9.33,3.16-4.25,5.12-7.81,5.12-9.33A5,5,0,0,0,15,7.82ZM15,16a3.28,3.28,0,1,1,3.35-3.27A3.31,3.31,0,0,1,15,16Zm0-4.55a1.28,1.28,0,1,0,1.35,1.28A1.32,1.32,0,0,0,15,11.45Z"
                />
            </svg>
        </template>
        <!--      PIN ICON-->

        <!--      RESIZE ICON-->
        <template v-if="name === 'resize-icon'">
            <svg :style="getSize" viewBox="0 0 369 116">
                <path
                    d="M171.06,29.1l-26.61.71-.38-14.34a2.11,2.11,0,0,0-1.15-1.77,2.25,2.25,0,0,0-2.1.15L117.65,30.92a1.87,1.87,0,0,0,.08,3.2l24.14,15.71a2.06,2.06,0,0,0,1.11.38,3,3,0,0,0,.9-.23,1.9,1.9,0,0,0,1.05-1.83l-.38-14.34,26.61-.7ZM140.83,44.45,122.29,32.4l17.88-13ZM258.9,27.18,234.76,11.47a2,2,0,0,0-2.1,0,1.89,1.89,0,0,0-1,1.83L232,27.59l-26.61.71.11,4,26.61-.7.38,14.33a2.1,2.1,0,0,0,1.14,1.78,1.59,1.59,0,0,0,.91.18,1.49,1.49,0,0,0,1.09-.43l23.38-17a2.23,2.23,0,0,0,.86-1.63A2.25,2.25,0,0,0,258.9,27.18ZM236.47,41.92l-.66-25.06,18.53,12.05ZM308.2,15.54l5.52-14.08L310,0l-5.52,14.08a13,13,0,0,1,1.94.64C307,15,307.63,15.27,308.2,15.54Zm-16.88,3.83-14.06-5.53L275.8,17.6l14.06,5.53a13.71,13.71,0,0,1,.63-1.94C290.76,20.61,291.05,19.94,291.32,19.37Zm-3.48,9.68-13.83,6,1.57,3.72,13.83-6A23.68,23.68,0,0,1,287.84,29.05Zm26.88-5.65,13.82-6L327,13.66l-13.83,6A14.82,14.82,0,0,1,314.72,23.4Zm-15.88-8-6-13.85-3.71,1.58,6,13.85A20.19,20.19,0,0,1,298.84,15.42ZM365.07,54.1l-4.82-12.8A8.75,8.75,0,0,0,349,36.2a7.93,7.93,0,0,0-4,3.15,8.7,8.7,0,0,0-11.13-4.67,8.59,8.59,0,0,0-4.5,3.9,8.9,8.9,0,0,0-9.52-2.15,8.36,8.36,0,0,0-4,3.15L311.14,27.2a8.74,8.74,0,0,0-11.28-5.09A8.65,8.65,0,0,0,295,26.67a8.77,8.77,0,0,0-.21,6.75l15.49,40.64v.1h-.1L303,68a8.35,8.35,0,0,0-6.3-2.07,8.63,8.63,0,0,0-6,3,8.74,8.74,0,0,0,.94,12.33l39.54,34.25a2.06,2.06,0,0,0,1.06.43,2.87,2.87,0,0,0,.91-.09L367,103a1.93,1.93,0,0,0,1.2-1.57C368.33,100,371.26,70.49,365.07,54.1Zm-32.22,57.72L294.12,78.38a5,5,0,0,1-.48-6.93A4.9,4.9,0,0,1,297,69.73a5.3,5.3,0,0,1,3.59,1.14L307.69,77c.92.72,3.57,3.06,5.66,1.59s.87-4.74.49-5.8L298.25,32.12a4.9,4.9,0,1,1,9.18-3.44L320.07,62a1.92,1.92,0,1,0,3.59-1.39l-5.35-14.17a4.79,4.79,0,0,1,.14-3.72,4.91,4.91,0,0,1,2.73-2.6,4.76,4.76,0,0,1,3.71.14,4.9,4.9,0,0,1,2.6,2.74l6.59,17.35A1.92,1.92,0,1,0,337.67,59L332.31,44.8a4.9,4.9,0,1,1,9.18-3.44l6.59,17.36a2,2,0,0,0,2.49,1.1,2,2,0,0,0,1.11-2.49l-4.13-11a4.9,4.9,0,1,1,9.18-3.44l4.82,12.8c5.2,13.76,3.53,38.6,3.05,44.3ZM78.56,20.06l-2-15,4-.53,2,15a15.71,15.71,0,0,0-2,.16C79.9,19.82,79.18,19.93,78.56,20.06Zm15.51,7.73,15-2,.53,4-15,2a15.71,15.71,0,0,0-.16-2C94.31,29.13,94.2,28.41,94.07,27.79ZM95.16,38l12,9.12-2.41,3.24-12-9.12A24.3,24.3,0,0,0,95.16,38ZM70.38,26.14,58.37,17l2.4-3.24,12,9.12A15.38,15.38,0,0,0,70.38,26.14Zm17.31-4,9.1-12L100,12.55l-9.11,12A19.26,19.26,0,0,0,87.69,22.17ZM14.21,44l7.7-11.3a8.75,8.75,0,0,1,12.17-2.27,7.85,7.85,0,0,1,3.14,4,8.69,8.69,0,0,1,11.92-1.9,8.53,8.53,0,0,1,3.45,4.86,8.79,8.79,0,0,1,3.18-1.24,8.69,8.69,0,0,1,6.58,1.4,8.38,8.38,0,0,1,3.15,4L73,30.7a8.75,8.75,0,1,1,14.43,9.91L62.74,76.43l0,.1h.1l8.37-4.25a8.41,8.41,0,0,1,6.62-.51A8.73,8.73,0,0,1,79.1,87.89L32.59,111.78a2,2,0,0,1-1.13.17,3,3,0,0,1-.87-.31L.8,91.09A2,2,0,0,1,0,89.28C.18,87.88,4.31,58.49,14.21,44Zm17.66,63.72L77.4,84.45a5,5,0,0,0,2.1-6.61,4.83,4.83,0,0,0-2.83-2.46,5.3,5.3,0,0,0-3.76.25l-8.37,4.25c-1.07.47-4.19,2.12-5.87.2s.27-4.82.89-5.75l24.75-35.8a4.8,4.8,0,0,0,.74-3.65,4.88,4.88,0,0,0-2-3.17,4.82,4.82,0,0,0-6.8,1.3L56.05,62.39a1.93,1.93,0,0,1-2.68.49,2,2,0,0,1-.48-2.69l8.55-12.5A4.78,4.78,0,0,0,62.18,44a4.88,4.88,0,0,0-2-3.17,4.77,4.77,0,0,0-3.64-.74,4.89,4.89,0,0,0-3.16,2L42.83,57.47a1.93,1.93,0,1,1-3.16-2.2l8.56-12.5a4.91,4.91,0,1,0-8.11-5.52l-10.5,15.3a2,2,0,0,1-2.68.48,1.94,1.94,0,0,1-.49-2.68l6.61-9.71A4.91,4.91,0,1,0,25,35.12l-7.7,11.29C8.94,58.54,4.69,83.07,3.81,88.72Z"
                />
            </svg>
        </template>
        <!--      RESIZE ICON-->

        <!--      MOVE ICON-->
        <template v-if="name === 'move-icon'">
            <svg :style="getSize" viewBox="0 0 139.07 140.02">
                <path
                    d="M122,62.32A8.78,8.78,0,0,0,110.05,59a8.41,8.41,0,0,0-3.49,3.79A8.78,8.78,0,0,0,94.83,59.9a8.43,8.43,0,0,0-3.58,3.84L78.36,40.94A8.76,8.76,0,0,0,62.3,43a9,9,0,0,0,.85,6.63l1.12,2a9.12,9.12,0,0,0-5,1.09A8.65,8.65,0,0,0,55.14,58,9,9,0,0,0,56,64.61l21.48,37.7,0,.08,0-.08-7.76-5a9,9,0,0,0-6.59-1.12A8.43,8.43,0,0,0,57.71,100a8.72,8.72,0,0,0,2.72,12l44.19,27.71a2.92,2.92,0,0,0,1.08.31,3,3,0,0,0,.89-.27l31.46-17.88a1.84,1.84,0,0,0,.94-1.79c0-1.25-1.6-30.85-10.24-46.06Zm13.13,56.94L105.74,136,62.43,108.8A4.91,4.91,0,0,1,64,99.9a4.68,4.68,0,0,1,3.7.68l7.94,5c1,.58,3.92,2.5,5.76.67s.17-4.8-.42-5.85L59.47,62.65A5.24,5.24,0,0,1,59,58.91a5.4,5.4,0,0,1,2.32-3,4.83,4.83,0,0,1,6.62,1.79l16.8,29.55.83,1.49a1.9,1.9,0,1,0,3.31-1.86l-11-19.4L71.33,56l0-.09L66.6,47.76A5.12,5.12,0,0,1,66.11,44a5.28,5.28,0,0,1,2.32-3,4.9,4.9,0,0,1,6.66,1.87L92.62,73.74,99.07,85a1.9,1.9,0,1,0,3.31-1.86L94.91,70.05a4.9,4.9,0,1,1,8.54-4.79l9.13,16.08a1.9,1.9,0,0,0,3.32-1.85l-5.81-10.16a4.9,4.9,0,1,1,8.54-4.79l6.74,11.81C132.72,88.85,134.7,113.64,135.1,119.26Zm-88.49-74-23.19,13-7-12.47a2.11,2.11,0,0,0-1.84-1,2.22,2.22,0,0,0-1.78,1.11L.25,71.69a1.81,1.81,0,0,0,0,1.83,1.8,1.8,0,0,0,1.57,1L30.45,77.1a2,2,0,0,0,1.15-.19,2.83,2.83,0,0,0,.69-.61,1.9,1.9,0,0,0,.08-2.11l-7-12.47,23.19-13ZM27,72.83l-22-2L14.8,51Zm96.32-70.2L94.72,0A2,2,0,0,0,92.84,1a1.87,1.87,0,0,0-.08,2.1l7,12.47-23.19,13,2,3.49L101.7,19l7,12.47a2.11,2.11,0,0,0,1.84,1,1.46,1.46,0,0,0,.89-.26,1.56,1.56,0,0,0,.76-.89L125,5.51a2.23,2.23,0,0,0,0-1.84A2.23,2.23,0,0,0,123.34,2.63Zm-13,23.45L98.14,4.28l22,2Z"
                />
            </svg>
        </template>
        <!--      MOVE ICON-->

        <!--      MOVE-SLIDER ICON-->
        <template v-if="name === 'move-slider-icon'">
            <svg :style="getSize" viewBox="0 0 164 116">
                <path
                    d="M53.53,27.18,29.39,11.47a2,2,0,0,0-2.1,0,1.88,1.88,0,0,0-1.06,1.83l.38,14.33L0,28.3l.11,4,26.61-.7.37,14.33a2.11,2.11,0,0,0,1.15,1.78,1.59,1.59,0,0,0,.91.18,1.51,1.51,0,0,0,1.09-.43l23.38-17a2.19,2.19,0,0,0,.85-1.63A2.21,2.21,0,0,0,53.53,27.18ZM31.09,41.92l-.66-25.06L49,28.91Zm71.74-26.38,5.52-14.08L104.59,0,99.08,14.08a12.83,12.83,0,0,1,1.93.64C101.59,15,102.26,15.27,102.83,15.54ZM85.94,19.37l-14-5.53L70.43,17.6l14,5.53a15.18,15.18,0,0,1,.64-1.94C85.39,20.61,85.67,19.94,85.94,19.37Zm-3.48,9.68-13.82,6,1.57,3.72,13.82-6A25.74,25.74,0,0,1,82.46,29.05Zm26.89-5.65,13.82-6-1.57-3.72-13.82,6A15.19,15.19,0,0,1,109.35,23.4Zm-15.88-8-6-13.85L83.75,3.15l6,13.85A20.29,20.29,0,0,1,93.47,15.42ZM159.69,54.1l-4.81-12.8a8.76,8.76,0,0,0-11.29-5.1,7.91,7.91,0,0,0-4,3.15,8.71,8.71,0,0,0-11.14-4.67,8.61,8.61,0,0,0-4.49,3.9,9,9,0,0,0-2.79-1.95,8.68,8.68,0,0,0-6.73-.2,8.27,8.27,0,0,0-4,3.15L105.77,27.2A8.76,8.76,0,1,0,89.4,33.42l15.49,40.64,0,.1h-.1L97.65,68A8.37,8.37,0,0,0,91.34,66a8.63,8.63,0,0,0-6,3,8.74,8.74,0,0,0,.94,12.33l39.53,34.25a2.1,2.1,0,0,0,1.06.43,2.91,2.91,0,0,0,.92-.09l33.8-12.9a2,2,0,0,0,1.2-1.57C163,100,165.89,70.49,159.69,54.1Zm-32.22,57.72L88.75,78.38a5,5,0,0,1-.48-6.93,4.88,4.88,0,0,1,3.33-1.72,5.31,5.31,0,0,1,3.59,1.14L102.32,77c.92.72,3.56,3.06,5.65,1.59s.87-4.74.5-5.8L92.88,32.12A4.83,4.83,0,0,1,93,28.4a4.91,4.91,0,0,1,2.73-2.6,4.84,4.84,0,0,1,6.31,2.88L114.7,62a1.92,1.92,0,1,0,3.59-1.39l-5.36-14.17a5,5,0,0,1,2.88-6.32,4.76,4.76,0,0,1,3.71.14,5,5,0,0,1,2.6,2.74l6.58,17.35A1.93,1.93,0,1,0,132.3,59L126.94,44.8a4.9,4.9,0,1,1,9.18-3.44l6.59,17.36a2,2,0,0,0,2.49,1.1,1.94,1.94,0,0,0,1.1-2.49l-4.12-11a4.9,4.9,0,1,1,9.18-3.44l4.81,12.8c5.21,13.76,3.54,38.6,3.06,44.3Z"
                />
            </svg>
        </template>
        <!--      MOVE-SLIDER ICON-->

        <!--      TOUCH-INSTRUCTION ICON-->
        <template v-if="name === 'touch-instruction-icon'">
            <svg :style="getSize" viewBox="0 0 95 116">
                <path
                    d="M34.19,15.54,39.71,1.46,36,0,30.44,14.08a12.83,12.83,0,0,1,1.93.64C33,15,33.62,15.27,34.19,15.54ZM17.3,19.37l-14-5.53L1.79,17.6l14.05,5.53a15.18,15.18,0,0,1,.64-1.94C16.75,20.61,17,19.94,17.3,19.37Zm-3.48,9.68L0,35.06l1.57,3.72,13.82-6A25.74,25.74,0,0,1,13.82,29.05ZM40.71,23.4l13.82-6L53,13.66l-13.82,6A15.19,15.19,0,0,1,40.71,23.4Zm-15.88-8-6-13.85L15.12,3.15l6,13.85A20.29,20.29,0,0,1,24.83,15.42ZM91.05,54.1,86.24,41.3A8.76,8.76,0,0,0,75,36.2a7.91,7.91,0,0,0-4,3.15,8.7,8.7,0,0,0-11.13-4.67,8.59,8.59,0,0,0-4.5,3.9,8.85,8.85,0,0,0-2.79-1.95,8.68,8.68,0,0,0-6.73-.2,8.27,8.27,0,0,0-4,3.15L37.13,27.2a8.76,8.76,0,1,0-16.37,6.22L36.25,74.06l0,.1h-.1L29,68A8.37,8.37,0,0,0,22.7,66a8.63,8.63,0,0,0-6,3,8.74,8.74,0,0,0,.94,12.33l39.53,34.25a2.1,2.1,0,0,0,1.06.43,2.91,2.91,0,0,0,.92-.09L93,103a2,2,0,0,0,1.2-1.57C94.31,100,97.25,70.49,91.05,54.1ZM58.83,111.82,20.11,78.38a5,5,0,0,1-.48-6.93A4.88,4.88,0,0,1,23,69.73a5.31,5.31,0,0,1,3.59,1.14L33.68,77c.92.72,3.56,3.06,5.65,1.59s.87-4.74.5-5.8L24.24,32.12a4.83,4.83,0,0,1,.14-3.72,4.91,4.91,0,0,1,2.73-2.6,4.84,4.84,0,0,1,6.31,2.88L46.06,62a1.92,1.92,0,1,0,3.59-1.39L44.29,46.45a5,5,0,0,1,2.88-6.32,4.76,4.76,0,0,1,3.71.14A5,5,0,0,1,53.48,43l6.58,17.35A1.93,1.93,0,1,0,63.66,59L58.3,44.8a4.9,4.9,0,1,1,9.18-3.44l6.59,17.36a2,2,0,0,0,2.49,1.1,1.94,1.94,0,0,0,1.1-2.49l-4.12-11a4.9,4.9,0,1,1,9.18-3.44l4.81,12.8c5.21,13.76,3.54,38.6,3.06,44.3Z"
                />
            </svg>
        </template>
        <!--      TOUCH-INSTRUCTION ICON-->

        <!--      OVERVIEW ICON-->
        <template v-if="name === 'overview-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M31.59,16.59,20,6.42,8.42,16.59,7,15.06,19.26,4.27a1.08,1.08,0,0,1,1.42,0L33,15.06Zm-8,3.38A3.56,3.56,0,1,0,20,23.52,3.57,3.57,0,0,0,23.56,20Zm-2.12,0A1.44,1.44,0,1,1,20,18.49,1.47,1.47,0,0,1,21.44,20Zm9.39-2.65V35a1,1,0,0,1-1.06,1H10.23a1,1,0,0,1-1.06-1V17.32a1,1,0,0,1,.35-.77L19.29,8a1.09,1.09,0,0,1,1.42,0l9.77,8.58A1,1,0,0,1,30.83,17.32ZM22,33.94V27.73H18.07v6.21Zm6.75-16.17L20,10.13l-8.71,7.64V33.94H16V26.7a1.06,1.06,0,0,1,1.06-1h6a1.06,1.06,0,0,1,1.06,1v7.24h4.63Z"
                />
            </svg>
        </template>
        <!--      OVERVIEW ICON-->

        <!--      GAME ICON-->
        <template v-if="name === 'game-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M17,8.24a3,3,0,1,0-4,0V9H8a2,2,0,0,0-2,2v5h.76a3,3,0,1,1,0,4H6v5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V11a2,2,0,0,0-2-2H17Z"
                />
            </svg>
        </template>
        <!--      GAME ICON-->

        <!--      MOVIE ICON-->
        <template v-if="name === 'movie-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M8.36,12.48A2.06,2.06,0,0,0,8,10.84L25.7,7.54,25.23,5A1.09,1.09,0,0,0,24,4.15L5.53,7.58a1.09,1.09,0,0,0-.87,1.27l.28,1.46A2.19,2.19,0,0,0,5.08,14V25a.87.87,0,0,0,.88.87H25.13A.87.87,0,0,0,26,25V12.48ZM15,13.57h2.63l-.9,1.48H14.1ZM6.2,11a1.11,1.11,0,1,1-1.11,1.11A1.11,1.11,0,0,1,6.2,11ZM20.67,5.86l2.57-.47L22.62,7l-2.57.47ZM14.42,7,17,6.55l-.62,1.62-2.59.48ZM8.28,8.17l2.48-.46-.62,1.62-2.49.46Zm2.1,6.88H7.85l.91-1.48h2.53Zm7.38,5.7L15,22.6a.62.62,0,0,1-1-.54v-3.7a.63.63,0,0,1,1-.55l2.76,1.86A.65.65,0,0,1,17.76,20.75Zm5.31-5.7H20.46l.91-1.48H24Z"
                />
            </svg>
        </template>
        <!--      MOVIE ICON-->

        <!--      ZOOM ICON-->
        <template v-if="name === 'zoom-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M27.44,24.27H25.77l-.59-.57a13.76,13.76,0,1,0-1.48,1.48l.57.59v1.67L34.85,38,38,34.85Zm-11.83,0a9.52,9.52,0,1,1,8.62-8.62A9.51,9.51,0,0,1,15.61,24.23Zm4.91-8.18H16.05v4.47H13.81V16.05H9.35V13.81h4.46V9.35h2.24v4.46h4.47Z"
                />
            </svg>
        </template>
        <!--      ZOOM ICON-->

        <!--      LUPE ICON-->
        <template v-if="name === 'lupe-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M18.84,17.47h-.76l-.46-.39.07-.09a6.58,6.58,0,1,0-.7.7l.09-.07.36.37,0,.85,5,5,1.36-1.36ZM12.72,8A4.76,4.76,0,1,1,8,12.71,4.75,4.75,0,0,1,12.72,8Z"
                />
            </svg>
        </template>
        <!--      LUPE ICON-->

        <!--      SWITCH ICON-->
        <template v-if="name === 'switch-icon'">
            <svg :style="getSize" viewBox="0 0 30 30">
                <path
                    d="M21.82,11.18l-3.39,3.39a.25.25,0,0,0,.17.43h2.14a.25.25,0,0,1,.25.26A6,6,0,0,1,15,21a5.83,5.83,0,0,1-2.64-.62.24.24,0,0,0-.29.05L11,21.53a.26.26,0,0,0,0,.4A7.9,7.9,0,0,0,15,23a8,8,0,0,0,8-7.76.24.24,0,0,1,.24-.24H25.4a.25.25,0,0,0,.17-.43l-3.39-3.39A.25.25,0,0,0,21.82,11.18ZM9.26,15A.25.25,0,0,1,9,14.74,6,6,0,0,1,15,9a5.83,5.83,0,0,1,2.64.62.24.24,0,0,0,.29,0L19,8.47a.26.26,0,0,0-.05-.4A7.9,7.9,0,0,0,15,7a8,8,0,0,0-8,7.76.24.24,0,0,1-.24.24H4.6a.25.25,0,0,0-.17.43l3.39,3.39a.25.25,0,0,0,.36,0l3.39-3.39A.25.25,0,0,0,11.4,15Z"
                />
            </svg>
        </template>
        <!--      SWITCH ICON-->

        <!--      TOUCH ICON-->
        <template v-if="name === 'touch-icon'">
            <svg :style="getSize" viewBox="0 0 40 40">
                <path
                    d="M25.24,37.32a9.88,9.88,0,0,1-6.1-2.18,64,64,0,0,0-5.6-4.08c-1.39-.72-2.49-2.32-1.78-3.86s1.67-2.31,4.26-1.53l1,.3C16.09,22.6,14.13,15.62,14,14.63a3.07,3.07,0,0,1,2.2-4,3.12,3.12,0,0,1,2.47.17,4,4,0,0,1,1.78,2.59c.31,1.09,1,3.76,1.42,5.4a3,3,0,0,1,1.78-.08,3.22,3.22,0,0,1,3.56-.58,3.31,3.31,0,0,1,2.11-.67,3.58,3.58,0,0,1,2.54,1.41c1.23,1.49,2.56,7.81,2.56,9.38a9.12,9.12,0,0,1-9.13,9Zm-10.91-10c-.44,0-.55.24-.76.69s.43,1,.9,1.25a61.82,61.82,0,0,1,5.92,4.29,7.57,7.57,0,0,0,8.11,1,7.39,7.39,0,0,0,3.87-6.24c0-1.57-1.4-7.26-2.1-8.11a1.66,1.66,0,0,0-1.1-.68,1.7,1.7,0,0,0-1.2.6l-.6.6-.69-.49c-.66-.48-1.18-.55-2.17.4l-.5.49-.63-.31a1.15,1.15,0,0,0-1.42.27l-1.25,1.42-.48-1.82c0-.05-1.31-5.13-1.75-6.68a2.22,2.22,0,0,0-.83-1.39,1.12,1.12,0,0,0-.93,0h0c-.86.26-1,.56-.8,1.68.15.86,2.19,8.16,3.53,12.85l.45,1.58-1.62-.33s-.73-.15-2.83-.78A4.39,4.39,0,0,0,14.33,27.35Zm-8.1-8.2,4.54-1.1a1,1,0,1,0-.46-1.94L5.77,17.2a1,1,0,0,0,.23,2Zm6-7.16a1,1,0,0,0-.36-1.37L7.65,8.16a1,1,0,0,0-1,1.73l4.23,2.46a1.06,1.06,0,0,0,.51.14A1,1,0,0,0,12.24,12Zm3.67-2.88a1,1,0,0,0,.71-1.22L15.53,3.74a1,1,0,1,0-1.94.52l1.1,4.14a1,1,0,0,0,1,.74A1.15,1.15,0,0,0,15.91,9.11ZM22,9.48l2.22-3.87a1,1,0,0,0-1.74-1L20.26,8.48a1,1,0,0,0,.37,1.37,1.13,1.13,0,0,0,.5.13A1,1,0,0,0,22,9.48Zm2.8,4.65L29,13.05a1,1,0,0,0,.72-1.21,1,1,0,0,0-1.22-.73l-4.22,1.08a1,1,0,0,0,.24,2A1.07,1.07,0,0,0,24.8,14.13Z"
                />
            </svg>
        </template>
        <!--      TOUCH ICON-->

        <!--      VOLUME ICON-->
        <svg v-if="name === 'volume-icon'" :style="getSize" viewBox="0 0 40 40">
            <path
                d="M30,19.87a7.46,7.46,0,0,0-3.25-6.2.48.48,0,0,0-.75.42V25.65a.48.48,0,0,0,.75.41A7.42,7.42,0,0,0,30,19.87ZM8,15.42v8.91a.49.49,0,0,0,.5.49h6a.47.47,0,0,1,.35.15l7.34,7.26a.5.5,0,0,0,.85-.35v-24a.5.5,0,0,0-.85-.35l-7.34,7.26a.5.5,0,0,1-.35.14h-6A.5.5,0,0,0,8,15.42Z"
            />
        </svg>
        <!--      VOLUME ICON-->

        <!--      PAUSE ICON-->
        <svg
            v-if="name === 'pause-icon'"
            width="40"
            height="40"
            :style="getSize"
            viewBox="0 0 30 30"
        >
            <rect
                x="9.2222"
                y="8.4004"
                width="4.44444"
                height="13.3333"
                rx="1"
                fill="#2DB7BC"
            />
            <rect
                x="17.2222"
                y="8.4004"
                width="4.44444"
                height="13.3333"
                rx="1"
                fill="#2DB7BC"
            />
        </svg>
        <!--      PAUSE ICON-->

        <!--      TEXT ICON-->
        <svg
            v-if="name === 'text-icon'"
            :style="getSize"
            width="40"
            height="30"
            viewBox="0 0 40 30"
        >
            <rect width="40" height="3.75" fill="white" />
            <rect y="8.75" width="40" height="3.75" fill="white" />
            <rect y="17.5" width="40" height="3.75" fill="white" />
            <rect y="26.25" width="23.75" height="3.75" fill="white" />
        </svg>
        <!--      TEXT ICON-->
        <svg
            v-if="name === 'touch-overlay-icon'"
            :style="getSize"
            viewBox="0 0 116 116"
        >
            <path
                d="M43.8,15.54,49.32,1.46,45.57,0,40.05,14.08a13,13,0,0,1,1.94.64C42.56,15,43.23,15.27,43.8,15.54ZM26.92,19.37,12.86,13.84,11.4,17.6l14.06,5.53a13.71,13.71,0,0,1,.63-1.94C26.36,20.61,26.65,19.94,26.92,19.37Zm-3.48,9.68-13.83,6,1.57,3.72,13.83-6A23.68,23.68,0,0,1,23.44,29.05ZM50.32,23.4l13.82-6-1.56-3.72-13.83,6A14.82,14.82,0,0,1,50.32,23.4Zm-15.88-8-6-13.85L24.73,3.15l6,13.85A20.19,20.19,0,0,1,34.44,15.42ZM100.67,54.1,95.85,41.3a8.75,8.75,0,0,0-11.28-5.1,7.93,7.93,0,0,0-4,3.15,8.7,8.7,0,0,0-11.13-4.67,8.59,8.59,0,0,0-4.5,3.9,8.9,8.9,0,0,0-9.52-2.15,8.36,8.36,0,0,0-4,3.15L46.74,27.2a8.74,8.74,0,0,0-11.28-5.09,8.65,8.65,0,0,0-4.88,4.56,8.77,8.77,0,0,0-.21,6.75L45.86,74.06v.1h-.1L38.62,68A8.35,8.35,0,0,0,32.32,66a8.63,8.63,0,0,0-6,3,8.74,8.74,0,0,0,.94,12.33l39.54,34.25a2.06,2.06,0,0,0,1.06.43,2.87,2.87,0,0,0,.91-.09l33.8-12.9a1.93,1.93,0,0,0,1.2-1.57C103.93,100,106.86,70.49,100.67,54.1ZM68.45,111.82,29.72,78.38a5,5,0,0,1-.48-6.93,4.9,4.9,0,0,1,3.33-1.72,5.3,5.3,0,0,1,3.59,1.14L43.29,77c.92.72,3.57,3.06,5.66,1.59s.87-4.74.49-5.8L33.85,32.12A4.9,4.9,0,1,1,43,28.68L55.67,62a1.92,1.92,0,1,0,3.59-1.39L53.91,46.45a4.79,4.79,0,0,1,.14-3.72,4.91,4.91,0,0,1,2.73-2.6,4.76,4.76,0,0,1,3.71.14A4.9,4.9,0,0,1,63.09,43l6.59,17.35A1.92,1.92,0,1,0,73.27,59L67.91,44.8a4.91,4.91,0,1,1,9.19-3.44l6.58,17.36a2,2,0,0,0,2.49,1.1,2,2,0,0,0,1.11-2.49l-4.13-11a4.9,4.9,0,1,1,9.18-3.44l4.82,12.8c5.2,13.76,3.53,38.6,3,44.3Z"
            />
        </svg>
        <!--      FAMILY ICON-->
        <svg v-if="name === 'family-icon'" :style="getSize" viewBox="0 0 40 40">
            <path
                d="M26.51,19a5,5,0,1,0-5-5A5,5,0,0,0,26.51,19Zm-13,0a5,5,0,1,0-5-5A5,5,0,0,0,13.51,19Zm-.13,3C9.59,22,2,24,2,27.83V32H24.75V27.83C24.75,24,17.16,22,13.38,22Zm13,0c-.48,0-1,0-1.6.08a7.07,7.07,0,0,1,3.25,5.75V32H38V27.83C38,24,30.25,22,26.4,22Z"
            />
        </svg>
        <!--      FAMILY ICON-->

        <!--      LEBENSRAUM ICONS-->
        <svg
            v-if="name === 'architektur-icon'"
            :style="getSize"
            viewBox="0 0 100 100"
        >
            <path
                d="M85.28,69.94l.88-2.43a13.9,13.9,0,0,0-.31-10.3L74,29.71a5.69,5.69,0,0,0,.64-1.13A5.45,5.45,0,0,0,72,21.63V13H67v8.63a5.45,5.45,0,0,0-2.57,7,6.37,6.37,0,0,0,.39.73L60.48,39.69,36.38,49.8l-6.3-19,12.34-4.09-2.69-8.13-.95.31c-2.65.88-5.71-.24-7.79-2.85l-.43-.55-5,1.65L24.4,13.56,17,16l1.17,3.53L8.74,22.66l4.51,13.65,9.4-3.11,6.49,19.64L9,61.28,86,96,70.35,49A23.21,23.21,0,0,0,76,48.2Zm-.37-6-7-16.32c.22-.08.44-.14.65-.23l.67-.29L84,58A12,12,0,0,1,84.91,63.91ZM65.68,41.27,67.57,47a21.58,21.58,0,0,1-3.89-.84Zm-3.86,4.14c-.43-.19-.87-.39-1.29-.61L66.34,31a5.19,5.19,0,0,0,1.08.61l.14,0Zm-20.94,18-.82-2.49,14-5.86-.93,2.22a13.94,13.94,0,0,0-.2,10.3l.56,1.5ZM60,55l6.66,20L54.07,69.35ZM54.1,64A12,12,0,0,1,55,58l4.83-11.47c.42.22.86.42,1.3.61Zm18.27-32.8L78.5,45.32c-.23.1-.45.21-.68.3l-.62.22-6-14.13c.15-.05.31-.08.46-.14A6.58,6.58,0,0,0,72.37,31.17ZM70,15v6.05a5.57,5.57,0,0,0-1,0V15Zm-1.82,8.36a3.4,3.4,0,1,1-1.82,4.46A3.39,3.39,0,0,1,68.18,23.36Zm-8.8,19L58,45.58h0l-2.88,6.85L39.43,59,37,51.69Zm-39.89-25,3.64-1.2.54,1.63-2.17.72L20,18.92Zm-5,16.49-3.26-9.85L21,20.72,26.19,19h0l3.69-1.22A9.28,9.28,0,0,0,38.44,21l1.46,4.4L29,29l-7,2.3h0Zm12.24-1.94,1.42-.47L38.35,62.14l-3.63,1.2L24.54,32.58ZM75.82,89.23l1.43-3.11-1.83-.82L74,88.41l-5-2.25,1.42-3.11-1.82-.82-1.42,3.11-5-2.24L63.65,80l-1.82-.82-1.42,3.11-5-2.24,1.43-3.12L55,76.1l-1.42,3.11-5-2.24,1.42-3.11L48.24,73l-1.42,3.11-5-2.24,1.42-3.12L41.44,70,40,73.08l-5-2.24,1.43-3.11-1.83-.82L33.22,70l-5-2.24,1.42-3.12-1.82-.82L26.43,67l-5-2.25,1.42-3.11-1.82-.82-1.42,3.11L14,61.35l15.77-6.62,3.69,11.14,4.64-1.54L70,78.71,61.16,52.2,63,47.87a23.2,23.2,0,0,0,5.28,1.05L82.67,92.31ZM69.72,47.1l-2.87-8.65,2.47-6,6,14A20.87,20.87,0,0,1,69.72,47.1ZM40,82h2v4H40Zm0,10h2v4H40Zm4-4h4v2H44ZM34,88h4v2H34ZM50,27.93H48V24h2ZM50,38H48V34.07h2Zm6-6H52V30h4ZM42,30h4v2H42ZM24,71h2v6H24Zm0,13h2v6H24Zm10-3H28V79h6ZM16,79h6v2H16Z"
            />
        </svg>
        <svg
            v-if="name === 'geschichte-icon'"
            :style="getSize"
            viewBox="0 0 100 100"
        >
            <path
                d="M84,83V78H76.07A3.19,3.19,0,0,0,77,75.76V66h2V63a2,2,0,0,0-2-2H67V51H65V61H60V51H58V61H55V56h2V51H54V47c2.34,0,4.68,0,7,0V57h2V46.4a2.66,2.66,0,0,0,.24-.23,3.24,3.24,0,0,0,.66-2.41A4.18,4.18,0,0,1,64.17,42H66V39a2,2,0,0,0-2-2H62V34H60v3H55V33H53V29H52V25c1.17,0,2.33,0,3.49,0h0a1.91,1.91,0,0,0,1.38-.59,2,2,0,0,0,.48-1.57,3.35,3.35,0,0,1,.19-1.45L58,20.08l-1.39,0c-1.86,0-3.74,0-5.61,0V18H49v2c-1.87,0-3.75,0-5.61,0l-1.39,0,.46,1.27a3.48,3.48,0,0,1,.19,1.45,2,2,0,0,0,.48,1.57,1.89,1.89,0,0,0,1.38.59c1.16,0,2.32,0,3.49,0v4H47v4H45v4H43V28H41v9H36a2,2,0,0,0-2,2v3h1.83a4.16,4.16,0,0,1,.27,1.76,3.29,3.29,0,0,0,.66,2.41,2.24,2.24,0,0,0,1.71.76H39V58h2V47l5,0v4H43v5h2v5H37V50H35V61H22a2,2,0,0,0-2,2v3h3v9.76A3.19,3.19,0,0,0,23.93,78H16v5H9v7H91V83ZM45,23a5.24,5.24,0,0,0,0-1c3.32-.05,6.68-.05,10,0a5.13,5.13,0,0,0,0,1c-3.32.05-6.68.05-10,0Zm4,8h2v2H49Zm-2,4h6v2H47ZM36,39H64v1H36Zm2.54,6a.3.3,0,0,1-.29-.17,1.24,1.24,0,0,1-.14-.83A8.42,8.42,0,0,0,38,42h1v3ZM41,45V42H62a8.38,8.38,0,0,0-.13,2,1.24,1.24,0,0,1-.14.83.3.3,0,0,1-.28.17c-2.47,0-5,0-7.45,0v0H46v0Zm7,2h4v4H48Zm-3,6H55v1H45Zm2,3h6v5H47ZM22,64V63H77v1H22Zm3,2H75v6H25Zm50,8v1.76A1.28,1.28,0,0,1,73.68,77H26.32A1.28,1.28,0,0,1,25,75.76V74Zm7,9H69V80H82ZM67,80v3H32V80ZM18,80H30v3H18Zm71,8H11V85H89ZM57,26h2V36H57ZM44,57v3H42V57Zm27,1H69V56h2ZM30,60H28V58h2ZM40,28H38V26h2Zm14-1h2v5H54ZM65,43h2v5H65ZM32,42h2V57H32Z"
            />
        </svg>
        <svg
            v-if="name === 'kosmos-icon'"
            :style="getSize"
            viewBox="0 0 100 100"
        >
            <path
                d="M21,52H15v9h6Zm-2,7H17V54h2Zm33,7H44v9h8Zm-2,7H46V68h4Zm14-7H56v9h8Zm-2,7H58V68h4ZM52,52H44v9h8Zm-2,7H46V54h4Zm14-7H56v9h8Zm-2,7H58V54h4Zm14-7H68v9h8Zm-2,7H70V54h4ZM41,83H92V46L82,20H60V15.21a1.14,1.14,0,0,0-.16-.57l-1.29-2.06-1.46-2.43a.32.32,0,0,0-.26-.15H53.16a1.1,1.1,0,0,0-.84.49l-2.18,3.95a1.41,1.41,0,0,0-.13.49s0,0,0,.07v5H32V15h2V10H20v5h2v7H20v4H18v4H16v4H14v4H12v4H10V83H41ZM71,73H68V67h3Zm-3,2h3v6H68Zm5,6V67h1V81Zm10-8H80V67h3Zm-3,2h3v6H80Zm5,6V67h1V81ZM56,15.6,57,14l1,1.6V20H56Zm-3-3.44a.47.47,0,0,1,.37-.16h2.28l-.85,1.82a.45.45,0,0,1-.38.18H52ZM52,16h2v4H52Zm3,6H80.51L90,46H45V42H43V38H41V34H39V30H37V26H35V22ZM31,24h2v2H31Zm2,4h2v2H33Zm2,4h2v2H35Zm2,4h2v2H37Zm2,4h2v2H39Zm2,4h2v2H41ZM30,20H29V15h1Zm-7-8h8v1H23ZM12,81V44h2V40h2V36h2V32h2V28h2V24h2V15h3v9h2v4h2v4h2v4h2v4h2v4h2v4H90V81H88V65H78V81H76V65H66V81H41V80H65V78H41V50H39V78H15v2H39v1ZM71,42V35.48a.41.41,0,0,0,0-.19,1.93,1.93,0,0,0-.27-.8l-3.52-4.78-1.69,1.07L68.58,35H65.8l-3.72-5.29-1.7,1.06L64,42Zm-2-5v3H66V37ZM94,85v2H8V85ZM45,35h2.11a1.92,1.92,0,0,0,3.83,0h2.11A1.92,1.92,0,0,0,55,36.93a1.9,1.9,0,0,0,1.92-1.88H59a4,4,0,0,1-7,2.63A4,4,0,0,1,45,35Zm2-10h1.83a1.8,1.8,0,0,0,1.66,1.9A1.78,1.78,0,0,0,52.16,25H54a3.77,3.77,0,0,1-3.52,4A3.77,3.77,0,0,1,47,25ZM21,66H15v9h6Zm-2,7H17V68h2Zm16-7H29v9h6Zm-2,7H31V68h2Zm2-21H29v9h6Zm-2,7H31V54h2ZM28,38H22v9h6Zm-2,7H24V40h2Zm58-3V35.48a.41.41,0,0,0,0-.19,1.93,1.93,0,0,0-.27-.8l-3.52-4.78-1.69,1.07L81.58,35H78.8l-3.72-5.29-1.7,1.06L77,42Zm-2-5v3H79V37Z"
            />
        </svg>
        <svg
            v-if="name === 'stories-icon'"
            :style="getSize"
            viewBox="0 0 100 100"
        >
            <path
                d="M53.5,74l-20-19.65a11.82,11.82,0,0,1,0-16.87,12.24,12.24,0,0,1,17.1,0l2.86,3,2.86-3a12.24,12.24,0,0,1,17.1,0h0a11.82,11.82,0,0,1,0,16.87ZM42.09,36A10.18,10.18,0,0,0,35,38.89a9.73,9.73,0,0,0,0,14L53.5,71,72.05,52.85a9.73,9.73,0,0,0,0-14h0a10.27,10.27,0,0,0-14.28,0L53.5,43l-4.27-4.11A10.18,10.18,0,0,0,42.09,36ZM64,18H62v4h2Zm0,10H62v4h2Zm6-4H66v2h4ZM60,24H56v2h4ZM76,61H74v4h2Zm0,8H74v4h2Zm5-3H77v2h4Zm-8,0H69v2h4ZM29,66H27v5h2Zm0,11H27v5h2Zm7-4H31v2h5ZM25,73H20v2h5ZM22,50H20v3h2Zm0,7H20v3h2Zm4-3H23v2h3Zm-7,0H16v2h3Z"
            />
        </svg>

        <!--      LEXICON ICONS-->
        <svg
            v-if="name === 'wirtschaft-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M21,14a1,1,0,1,1-1-1A1,1,0,0,1,21,14ZM40,34l-.47.83A9.88,9.88,0,0,1,31,40a9.88,9.88,0,0,1-8.53-5.17L22,34h1.26l7.3-16.67a.6.6,0,0,1,1.09,0L38.94,34ZM24.28,34h1.33l4.88-10.6a.64.64,0,0,1,.6-.4h0a.66.66,0,0,1,.62.42L36.58,34h1.34L31.1,18.42Zm6.81-9.57L26.69,34H35.5ZM31,39a7.78,7.78,0,0,0,5.22-2H25.78A7.78,7.78,0,0,0,31,39Zm7-4H24a9.86,9.86,0,0,0,.78,1H37.22A9.86,9.86,0,0,0,38,35Zm-7-2h1V32H31Zm-2-1h1V31H29Zm2-1h1V30H31ZM4.48,33.16h.91a1,1,0,0,1,1-1v-.9A1.87,1.87,0,0,0,4.48,33.16ZM9.22,27,8,28.22l.24.25a1.66,1.66,0,0,0,1.69.46,1.66,1.66,0,0,0-.46-1.69Zm7.72,7H18l-.47.83A9.88,9.88,0,0,1,9,40,9.88,9.88,0,0,1,.47,34.83L0,34H1.26l7.3-16.67a.6.6,0,0,1,1.09,0ZM3.48,31.25A3,3,0,0,1,6,29.87a3.25,3.25,0,0,1,.77.11,3,3,0,0,1,.11-4.13,3.08,3.08,0,0,1,4.24,0,3,3,0,0,1,0,4.27l-.06.05A3,3,0,0,1,12,30a3,3,0,0,1,3,3,3.18,3.18,0,0,1-.16,1h1.08L9.1,18.42ZM12.32,34H13.9a2.13,2.13,0,1,0-3.8,0h1.54v-.71h-.45L11,33.06l-.22.22-.48-.49.7-.7.51.52h.17v-.15h-.12v-.69h.8v.84h.15l.51-.52.7.7-.48.49L13,33.06l-.23.23h-.43ZM7.75,34a2.09,2.09,0,1,0-3.5,0ZM11,28a2,2,0,0,0-.59-1.42,2,2,0,0,0-2.82,0,2,2,0,0,0,0,2.84,2,2,0,0,0,2.82,0A2,2,0,0,0,11,28ZM9,32.86A2.94,2.94,0,0,1,8.77,34h.39A3.13,3.13,0,0,1,9,33a3.06,3.06,0,0,1,.95-2.2A3.06,3.06,0,0,1,9,31a3.17,3.17,0,0,1-.76-.11A3,3,0,0,1,9,32.86ZM2.28,34h1A2.94,2.94,0,0,1,3,32.86a2.76,2.76,0,0,1,.12-.77ZM9,39a7.78,7.78,0,0,0,5.22-2H3.78A7.78,7.78,0,0,0,9,39Zm7-4H2a9.86,9.86,0,0,0,.78,1H15.22A9.86,9.86,0,0,0,16,35ZM8,13.28V11.92A1.5,1.5,0,0,1,7,10.5,1.48,1.48,0,0,1,8.45,9h8.73A3,3,0,0,1,19,7.18V5.72a2,2,0,0,1,0-3.44V0h2V2.28a2,2,0,0,1,0,3.44V7.18A3,3,0,0,1,22.82,9h8.73A1.48,1.48,0,0,1,33,10.5a1.5,1.5,0,0,1-1,1.42v1.36A2,2,0,0,1,33,15a2,2,0,0,1-4,0,2,2,0,0,1,1-1.72V12H22.22a3,3,0,0,1-4.44,0H10v1.28A2,2,0,0,1,11,15a2,2,0,0,1-4,0A2,2,0,0,1,8,13.28ZM10,15a1,1,0,1,0-1,1A1,1,0,0,0,10,15Zm22,0a1,1,0,1,0-1,1A1,1,0,0,0,32,15Zm-.45-5H29v1h2.55a.5.5,0,0,0,0-1ZM23,10a3,3,0,0,1-.18,1H28V10ZM19,4a1,1,0,1,0,1-1A1,1,0,0,0,19,4Zm-1,6a2,2,0,1,0,3-1.72V10H19V8.28A2,2,0,0,0,18,10Zm-1,0H12v1h5.18A3,3,0,0,1,17,10Zm-9,.5a.47.47,0,0,0,.45.5H11V10H8.45A.47.47,0,0,0,8,10.5ZM18,26H17v1h1Zm-2,1v1h1V27Zm2,1h1V27H18Zm-1,1h1V28H17ZM16,17H15v1h1Zm-2,1v1h1V18Zm3,1V18H16v1Zm-1,1V19H15v1ZM3,22H2v1H3ZM2,23H1v1H2Zm2,1V23H3v1ZM2,25H3V24H2Z"
            />
        </svg>
        <svg
            v-if="name === 'stiftung-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M16.53,10.93h7a.5.5,0,0,0,.5-.5.51.51,0,0,0-.5-.5H21A2.36,2.36,0,0,0,23,7.25,14.22,14.22,0,0,0,21.16,3.5l-.35-.56-.37.56-.21.31-.57-1.07L19.28,2l-.39.74A23.31,23.31,0,0,0,17,7.09a2.45,2.45,0,0,0,.47,2A2.61,2.61,0,0,0,19,9.93H16.53a.5.5,0,0,0-.5.5A.5.5,0,0,0,16.53,10.93ZM18.18,8.5a1.55,1.55,0,0,1-.28-1.26,18.55,18.55,0,0,1,1.38-3.33l.52,1,.32.6.41-.55.25-.36a10.49,10.49,0,0,1,1.33,2.79,1.51,1.51,0,0,1-.33,1.2,1.77,1.77,0,0,1-1.36.55h-.69A2,2,0,0,1,18.18,8.5ZM28,30V22.56L24.5,19H22V17H19v2H15.51L12,22.5V30H28Zm-1-1H19V23h8ZM20,18h1v1H20ZM16,29H15V26h1Zm2,0H17V25H14v4H13V23l2.56-2.76L18,23Zm-1.49-9H24l2,2H18.5ZM24,24H21v3h3Zm-1,2H22V25h1Zm4-8.53A2.61,2.61,0,0,0,29.68,20h3.64A2.61,2.61,0,0,0,36,17.47V17H27ZM35,18a1.71,1.71,0,0,1-1.64,1H29.64A1.71,1.71,0,0,1,28,18Zm-4-2H30V12h1Zm2,0H32V12h1ZM11,20l1-8H5l1,8Zm-.62-4L10,19H7l-.38-3ZM10,15H6.5l-.25-2h4.5l-.26,2ZM23.33,31.64a2.34,2.34,0,0,0-3.21,0l-.12.13-.12-.13a2.35,2.35,0,0,0-3.22,0,2.17,2.17,0,0,0,0,3.12L20,38l3.33-3.24a2.15,2.15,0,0,0,0-3.12Zm-.67,2.28L20,36.5l-2.66-2.58a1.11,1.11,0,0,1,0-1.59,1.18,1.18,0,0,1,1.64,0l1,1,1-1a1.2,1.2,0,0,1,1.64,0A1.11,1.11,0,0,1,22.66,33.92Zm16-18.22a7,7,0,0,0-7-7c-.22,0-.43,0-.65,0A17.59,17.59,0,0,0,27,6.31,7,7,0,0,0,13,6.4,18,18,0,0,0,9.15,8.73c-.21,0-.43,0-.65,0a7,7,0,0,0-5.76,11,17.82,17.82,0,0,0-.24,2.83,17.39,17.39,0,0,0,1.82,7.8v0a2.61,2.61,0,0,0,.77,1.84l4.15,4.19.09-.08-.07.09A17.41,17.41,0,0,0,20.09,40.1,17.61,17.61,0,0,0,31.34,36h0l3.76-3.87a2.64,2.64,0,0,0,.76-1.84v-.11a17.67,17.67,0,0,0,1.83-7.71,18.07,18.07,0,0,0-.24-2.85A6.91,6.91,0,0,0,38.68,15.7Zm-7-6a6,6,0,1,1-6,6A6,6,0,0,1,31.68,9.7ZM20,1a6,6,0,1,1-6,6A6,6,0,0,1,20,1ZM2.5,15.7a6,6,0,1,1,6,6A6,6,0,0,1,2.5,15.7Zm2.34,9.51a1.89,1.89,0,0,0-.54,1.31v1a16.48,16.48,0,0,1-.81-5,17.75,17.75,0,0,1,.11-1.8,7,7,0,0,0,4,1.92,1.47,1.47,0,0,0-.46.32Zm1,6.25a1.61,1.61,0,0,1-.47-1.14l0-3.8a.89.89,0,0,1,.24-.6l2.27-2.26a.48.48,0,0,1,.65-.06.44.44,0,0,1,.17.34.46.46,0,0,1-.14.36l-2,2.08v2.93h0v.1h0A1.69,1.69,0,0,0,7,30.56l3.54,3.55.71-.71L7.69,29.85a.76.76,0,0,1-.23-.53h0a.76.76,0,0,1,.23-.53.77.77,0,0,1,1.07,0L14,34a3.48,3.48,0,0,1,1,2.47v1.85a16.4,16.4,0,0,1-5.1-2.71ZM9.41,25.2l-1.94,2v-.39L9.22,25a1.64,1.64,0,0,0,.26-.37A.49.49,0,0,1,9.41,25.2Zm.71.71a1.5,1.5,0,0,0,.26-.36.58.58,0,0,1,0,.19.47.47,0,0,1-.14.33L8.75,27.64l-.26-.07ZM16,38.59V36.44a4.55,4.55,0,0,0-1.33-3.19L9.61,28.2,11,26.78a1.45,1.45,0,0,0,0-2.08,1.53,1.53,0,0,0-.53-.33,1.34,1.34,0,0,0-.34-.54,1.46,1.46,0,0,0-.56-.34,1.43,1.43,0,0,0-.45-.67,2.15,2.15,0,0,0-.26-.14A7,7,0,0,0,10.48,9,16.66,16.66,0,0,1,13,7.5a7,7,0,0,0,14-.08A17.23,17.23,0,0,1,29.71,9a7,7,0,0,0,1.63,13.69,2.29,2.29,0,0,0-.27.14,1.59,1.59,0,0,0-.45.67,1.53,1.53,0,0,0-.56.34,1.46,1.46,0,0,0-.34.54,1.63,1.63,0,0,0-.53.33,1.46,1.46,0,0,0,0,2.07l1.39,1.43-5.06,5.05a4.54,4.54,0,0,0-1.32,3.19v2.13a16.6,16.6,0,0,1-4.11.53A16.93,16.93,0,0,1,16,38.59ZM30.77,25.2a.47.47,0,0,1-.06-.57A1.6,1.6,0,0,0,31,25l1.76,1.79v.39Zm.93,2.37-.26.07L29.9,26.07a.46.46,0,0,1-.13-.33.41.41,0,0,1,0-.19,1.07,1.07,0,0,0,.25.35Zm3.16,2.76a1.61,1.61,0,0,1-.48,1.14l-3.69,3.8a16.5,16.5,0,0,1-5.48,3V36.44a3.51,3.51,0,0,1,1-2.47l5.19-5.19a.78.78,0,0,1,1.08,0,.75.75,0,0,1,.22.53h0a.75.75,0,0,1-.22.53L29,33.4l.71.71,3.55-3.55a1.74,1.74,0,0,0,.51-1.14h0v-.1h0V26.38l-2-2.09a.5.5,0,0,1-.14-.35.47.47,0,0,1,.17-.34.5.5,0,0,1,.66.06l2.26,2.26a.86.86,0,0,1,.25.6Zm1-2.9v-.91a1.85,1.85,0,0,0-.54-1.31L33.08,23a1.63,1.63,0,0,0-.47-.32,6.94,6.94,0,0,0,4-1.93,15.57,15.57,0,0,1,.11,1.81A16.49,16.49,0,0,1,35.88,27.43Z"
            />
        </svg>
        <svg
            v-if="name === 'religion-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M20.5,4h-1V1h1Zm6.1-1.6-.87-.5L24,5l.87.5Zm4.32,4.7-.5-.87L27.35,8l.5.86ZM12.65,8,9.58,6.23l-.5.87,3.07,1.77Zm3.4-3L14.27,1.9l-.87.5,1.78,3.08ZM18,31.22V18H12V14h6V8h4v6h6v4H22V31.22A9,9,0,0,1,29,40H11A9,9,0,0,1,18,31.22Zm3.75,1a8.15,8.15,0,0,0-3.5,0A8.07,8.07,0,0,0,12.06,39H27.94A8.07,8.07,0,0,0,21.75,32.19ZM18,17h1V31h2V17h6V15H21V9H19v6H13v2Z"
            />
        </svg>
        <svg
            v-if="name === 'medizin-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M36,19.49l0-.42-.42,0c-.33,0-8-.59-12.55,3.92a12.66,12.66,0,0,0-3,5V23.57c1-.9,6-5.66,6-11.57C26,5.58,20.08.49,19.82.27L19.5,0l-.33.27C18.92.49,13,5.58,13,12c0,5.91,5,10.68,6,11.57V28a12.66,12.66,0,0,0-3-5C11.53,18.45,3.82,19,3.49,19l-.42,0,0,.42c0,.33-.59,8,3.92,12.55,3.55,3.55,9.09,4,11.44,4H19v3h1V36h.6C23,36,28.49,35.59,32,32,36.55,27.53,36,19.82,36,19.49ZM7.66,31.33C4.45,28.13,4,23,4,20.71L18.29,35C16,35,10.87,34.53,7.66,31.33ZM4.72,20c2.27,0,7.41.46,10.62,3.66S19,32,19,34.29ZM25,12c0,4.57-3.4,8.54-5,10.17V1.83C21.6,3.45,25,7.43,25,12ZM14,12c0-4.57,3.4-8.54,5-10.17V22.17C17.4,20.55,14,16.57,14,12Zm6,22.29c0-2.27.46-7.42,3.66-10.62S32,20,34.28,20Zm11.34-3C28.13,34.53,23,35,20.71,35L35,20.71C35,23,34.55,28.13,31.34,31.33Z"
            />
        </svg>
        <svg
            v-if="name === 'gesellschaft-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M17.61,13l.39.87a5.51,5.51,0,0,1-2,.07l.26-.89A3.82,3.82,0,0,0,17.61,13ZM21,12.42A1.4,1.4,0,0,0,19.59,11H19v1l.59.05a.37.37,0,0,1,.36.37v1.22A1.35,1.35,0,0,0,21.28,15H22V14L21.28,14a.31.31,0,0,1-.31-.31ZM19.5,10a.5.5,0,1,0-.5-.5A.5.5,0,0,0,19.5,10ZM24,6.81V6H23V7a.93.93,0,0,1-1,1V9A2.1,2.1,0,0,0,24,6.81ZM27,10h1V9H27a.92.92,0,0,1-1-1V6H25V8A2,2,0,0,0,27,10ZM40,22.24A18.08,18.08,0,0,1,11.33,36.57l-1.5.51a5.15,5.15,0,0,1-1.73.31h0a4.5,4.5,0,0,1-1.28-.18A5.19,5.19,0,0,1,3,32.2V21.72a1.73,1.73,0,0,1,1-1.6v-.46L1.06,16.33a2.14,2.14,0,0,1,0-3L1.4,13a1.65,1.65,0,0,1,2.36,0l1.53,1.57A1.09,1.09,0,0,1,6.06,14a17.84,17.84,0,0,1,5.36-6.16C10.5,7.39,10,5.91,10,4.6V4h5V2h.08a2.53,2.53,0,0,1,2.44-2h7a2.53,2.53,0,0,1,2.44,2H27V4h4v.6a4.74,4.74,0,0,1-.47,2.18C36.09,9.93,40,15.85,40,22.24ZM16.11,2h9.78a1.5,1.5,0,0,0-1.41-1h-7A1.5,1.5,0,0,0,16.11,2ZM16,4H26l0-1H16ZM7.17,14.08A1.9,1.9,0,0,1,8,15.57V20.3a1.78,1.78,0,0,1,.71,1.35l.13.82v-.06A5.48,5.48,0,0,1,14.2,18H15v-.16A2,2,0,0,1,14,16V12.06A1.5,1.5,0,0,1,15,11V6h6V8H19V7H18V9a5.24,5.24,0,0,1-1,3l-.83-.67A4.3,4.3,0,0,0,17,9V8H16v4l-.86.24a.12.12,0,0,0-.12.12L15,15v1c0,.32.67.93,1,1V16a.91.91,0,0,1,1-1,.91.91,0,0,1,1,1v1h2a3.21,3.21,0,0,0,3-3V9.51A1.52,1.52,0,0,1,24.51,8h.16V9h-.16a.51.51,0,0,0-.51.51V14a3.72,3.72,0,0,1-.16,1H26l1.23-1,.76.81L26.48,16H23.39A4.08,4.08,0,0,1,20,18H16v.5L17.47,20H19v1H17.05l-1.94-2-.9,0A4.48,4.48,0,0,0,9.83,22.6L9.75,23l26.92,0c-.07-.29-.21-.68-.31-1-1.17-2.26-2.78-4-5.2-4h-.43L28,21H20V20h7.36L29,18.19V14.61A1.85,1.85,0,0,0,27,13H25V12h2a2.85,2.85,0,0,1,3,2.61V17h.63c2.84,0,5.2,1.79,6.49,4.69a6.53,6.53,0,0,1,.75,1.58.67.67,0,0,1-.14.53.64.64,0,0,1-.51.2H37v5.37a17.35,17.35,0,0,0,2-7.13c0-6-3.72-11.63-9-14.6l-.09-.09A1.94,1.94,0,0,1,28.65,8H27V6h1V7h.5c.83,0,1.28-1.08,1.5-2H11c-.06,1,.42,2,1,2H14V8H13A17,17,0,0,0,7.17,14.08ZM5,19.25V20H7V15.69c0-.08,0-.69-.47-.69s-.53.62-.53.69V17H4V16H5v-.25l-1.95-2a.69.69,0,0,0-1,0L1.8,14a1.15,1.15,0,0,0,0,1.62ZM9.55,24,9.3,25.26l1,6.63-1,.17L7.71,21.74a.85.85,0,0,0-.2-.57A.87.87,0,0,0,7,21H4.56a.69.69,0,0,0-.57.7V32.18A4.22,4.22,0,0,0,7,36.25a3.81,3.81,0,0,0,1,.14,4.34,4.34,0,0,0,1.45-.25L11,35.63V25h1V35.82a17.17,17.17,0,0,0,2,1.25V37h4V36H17V35h1V34H17V33h1V32H17V31h1V30H17V29h1V28H17V27h1V26H17V25h1V24ZM22,39a16.32,16.32,0,0,0,5.62-1H16.19A17.65,17.65,0,0,0,22,39Zm13.53-7.09.47-.65V24H19v1h1v1H19v1h1v1H19v1h1v1H19v1h1v1H19v1h1v1H19v1h1v1H19v1H29.88l.12-.07V25h1V36.32A16.68,16.68,0,0,0,35.53,31.91Z"
            />
        </svg>
        <svg v-if="name === 'fugger-icon'" :style="getSize" viewBox="0 0 40 40">
            <path
                d="M8.49,17.13A1.48,1.48,0,0,0,7,18.59V21a1,1,0,0,1-1,1H5.44A.68.68,0,0,1,5.16,22h.36a1.36,1.36,0,0,0,1.37-1.34,2.74,2.74,0,0,0-.33-1.28L5.83,18A7.34,7.34,0,0,1,5,14.59v-.67a2.11,2.11,0,0,1,2.13-2.08A2,2,0,0,1,9,14v3.32C8.79,17.2,8.75,17.13,8.49,17.13ZM7.34,29a1.33,1.33,0,0,0-.35.59l-.4-.39a1,1,0,0,1,.73-1.72h.31a2.38,2.38,0,0,0,1.55-.58,1,1,0,0,1-.27.57Zm8-1.52h.31a1,1,0,0,1,.73,1.72l-.39.39a1.45,1.45,0,0,0-.36-.59l-1.57-1.53a1,1,0,0,1-.27-.57A2.38,2.38,0,0,0,15.35,27.45Zm-5-16.95a1.19,1.19,0,0,1,0-1.73c.29-.29.65-.35.65-.76s-.08-1,.5-1,.5.57.5,1,.28.47.62.8a1.17,1.17,0,0,1,0,1.69,5,5,0,0,0-1.12,1.94A5.36,5.36,0,0,0,10.31,10.5Zm2.34,19.6a1,1,0,0,1,0,1.43,1.34,1.34,0,0,0-.41,1,.71.71,0,1,1-1.42,0,1.41,1.41,0,0,0-.44-1,1,1,0,0,1,0-1.38,5.34,5.34,0,0,0,1.15-1.55A5,5,0,0,0,12.65,30.1ZM13,23H12V14a3.81,3.81,0,0,1,1.43-2.88,1.93,1.93,0,0,0,0-2.8,1,1,0,0,1-.23-.62A1.63,1.63,0,0,0,11.51,6,1.5,1.5,0,0,0,10,7.7c0,.2-.25.39-.44.58A1.92,1.92,0,0,0,9.6,11,3.93,3.93,0,0,1,11,14v9H10V13.92a2.91,2.91,0,0,0-5.81,0v.67a7.92,7.92,0,0,0,1,3.8l.73,1.33a2,2,0,0,1,.23.92.59.59,0,0,1-.59.59H5a.25.25,0,0,1,0-.49V20a1,1,0,0,0-1,1v.42a1.43,1.43,0,0,0,1.44,1.41H6A1.81,1.81,0,0,0,7.77,21V18.59a.71.71,0,0,1,.72-.7c.4,0,.55.32.55.7L9,23H8v2H9c-.08.78-.55,1.69-1.37,1.69H7.32a1.79,1.79,0,0,0-1.81,1.77A1.76,1.76,0,0,0,6,29.71l1.62,1.58.55-.54-.28-.27h0l-.05-.06a.62.62,0,0,1,0-.9L9.46,28A1.7,1.7,0,0,0,10,26.75V25h1v1.73a4.07,4.07,0,0,1-1.21,2.84,1.72,1.72,0,0,0,0,2.49.62.62,0,0,1,.18.43,1.49,1.49,0,1,0,3,0A.63.63,0,0,1,13.2,32a1.71,1.71,0,0,0,0-2.45A4.06,4.06,0,0,1,12,26.73V25h1v1.75A1.72,1.72,0,0,0,13.52,28l1.58,1.54a.64.64,0,0,1,.19.45.73.73,0,0,1-.24.51h0l-1.25.27,1.52.54,1.62-1.58a1.76,1.76,0,0,0,.53-1.25,1.79,1.79,0,0,0-1.81-1.77h-.31c-.82,0-1.27-.91-1.35-1.69h1V23H14l0-4.45c0-.39.15-.71.55-.71a.71.71,0,0,1,.72.71V21a1.81,1.81,0,0,0,1.82,1.78h.51A1.43,1.43,0,0,0,19,21.35v-.41a1,1,0,0,0-1-1v.76a.24.24,0,0,1,.24.24.24.24,0,0,1-.24.24h-.5a.58.58,0,0,1-.59-.59,2,2,0,0,1,.23-.92l.73-1.33a7.92,7.92,0,0,0,1-3.8v-.67a2.91,2.91,0,0,0-5.81,0V23Zm1-5.73V14a2,2,0,0,1,1.92-2.21,2.11,2.11,0,0,1,2.13,2.08v.67A7.31,7.31,0,0,1,17.17,18l-.73,1.32a2.74,2.74,0,0,0-.33,1.28,1.36,1.36,0,0,0,1.37,1.34h.36a.68.68,0,0,1-.28.07h-.51a1,1,0,0,1-1-1V18.55a1.49,1.49,0,0,0-1.5-1.47C14.25,17.08,14.23,17.16,14,17.27ZM36.4,1.62a12.65,12.65,0,0,1-7.83,2.53c-3.74,0-6.67-1.31-8.26-3.68L20,0l-.31.47c-1.59,2.37-4.52,3.68-8.26,3.68A12.65,12.65,0,0,1,3.6,1.62L3,1.19V26A10.32,10.32,0,0,0,13.44,36.14h.15a6.59,6.59,0,0,1,4.77,2L20,40l1.63-1.81a6.6,6.6,0,0,1,4.78-2h.15A10.32,10.32,0,0,0,37,26V1.19ZM31.51,17.84c-.4,0-.55.32-.55.71L31,23h1v2H31c.08.78.53,1.69,1.35,1.69h.31a1.79,1.79,0,0,1,1.81,1.77,1.76,1.76,0,0,1-.53,1.25l-1.62,1.58-1.52-.54,1.25-.27h0a.73.73,0,0,0,.24-.51.64.64,0,0,0-.19-.45L30.52,28A1.72,1.72,0,0,1,30,26.75V25H29v1.73a4.06,4.06,0,0,0,1.2,2.84,1.71,1.71,0,0,1,0,2.45.63.63,0,0,0-.22.47,1.49,1.49,0,1,1-3,0,.62.62,0,0,0-.18-.43,1.72,1.72,0,0,1,0-2.49A4.07,4.07,0,0,0,28,26.73V25H27v1.75A1.7,1.7,0,0,1,26.46,28l-1.57,1.54a.62.62,0,0,0,0,.9l.05.06h0l.28.27-.55.54L23,29.71a1.76,1.76,0,0,1-.53-1.25,1.79,1.79,0,0,1,1.81-1.77h.31c.82,0,1.29-.91,1.37-1.69H25V23h1l0-4.41c0-.38-.15-.7-.55-.7a.71.71,0,0,0-.72.7V21A1.81,1.81,0,0,1,23,22.81h-.51A1.43,1.43,0,0,1,21,21.4V21a1,1,0,0,1,1-1v.75a.25.25,0,0,0,0,.49h.5a.59.59,0,0,0,.59-.59,2,2,0,0,0-.23-.92l-.73-1.33a7.92,7.92,0,0,1-1-3.8v-.67a2.91,2.91,0,0,1,5.81,0V23h1V14a3.93,3.93,0,0,0-1.4-3,1.92,1.92,0,0,1,0-2.76c.19-.19.44-.38.44-.58A1.5,1.5,0,0,1,28.51,6a1.63,1.63,0,0,1,1.65,1.7,1,1,0,0,0,.23.62,1.93,1.93,0,0,1,0,2.8A3.81,3.81,0,0,0,29,14v9h1V13.87a2.91,2.91,0,0,1,5.81,0v.67a7.92,7.92,0,0,1-1,3.8l-.73,1.33a2,2,0,0,0-.23.92.58.58,0,0,0,.59.59H35a.24.24,0,0,0,.24-.24A.24.24,0,0,0,35,20.7v-.76a1,1,0,0,1,1,1v.41a1.43,1.43,0,0,1-1.44,1.41h-.51A1.81,1.81,0,0,1,32.23,21V18.55A.71.71,0,0,0,31.51,17.84ZM19.08,37.49a7.57,7.57,0,0,0-5.49-2.35h-.15A9.31,9.31,0,0,1,4,26V3.09a13.45,13.45,0,0,0,7.43,2.06c3.71,0,6.72-1.21,8.57-3.43V38.51ZM29.63,8.81C29.29,8.48,29,8.42,29,8s.08-1-.5-1-.5.57-.5,1-.36.47-.65.76a1.19,1.19,0,0,0-.05,1.73,5.36,5.36,0,0,1,1.2,1.94,5,5,0,0,1,1.12-1.94A1.19,1.19,0,0,0,29.63,8.81Zm-2.29,21.3a1,1,0,0,0,0,1.38,1.41,1.41,0,0,1,.44,1,.71.71,0,1,0,1.42,0,1.34,1.34,0,0,1,.41-1,1,1,0,0,0,0-1.43,5,5,0,0,1-1.16-1.54A5.34,5.34,0,0,1,27.34,30.11ZM24.08,11.84A2.11,2.11,0,0,0,22,13.92v.67A7.34,7.34,0,0,0,22.83,18l.73,1.32a2.74,2.74,0,0,1,.33,1.28A1.36,1.36,0,0,1,22.52,22h-.36a.68.68,0,0,0,.28.07H23a1,1,0,0,0,1-1V18.59a1.48,1.48,0,0,1,1.5-1.46c.26,0,.3.07.51.19V14A2,2,0,0,0,24.08,11.84Zm.24,15.61a1,1,0,0,0-.73,1.72l.4.39a1.33,1.33,0,0,1,.35-.59l1.57-1.53a1,1,0,0,0,.27-.57,2.38,2.38,0,0,1-1.55.58Zm6.75,0L32.64,29a1.45,1.45,0,0,1,.36.59l.39-.39a1,1,0,0,0-.73-1.72h-.31a2.38,2.38,0,0,1-1.55-.58A1,1,0,0,0,31.07,27.44ZM33,18.55V21a1,1,0,0,0,1,1h.51a.68.68,0,0,0,.28-.07h-.36a1.36,1.36,0,0,1-1.37-1.34,2.74,2.74,0,0,1,.33-1.28L34.17,18a7.31,7.31,0,0,0,.88-3.45v-.67a2.11,2.11,0,0,0-2.13-2.08A2,2,0,0,0,31,14v3.27c.22-.11.24-.19.5-.19A1.49,1.49,0,0,1,33,18.55Z"
            />
        </svg>
        <svg
            v-if="name === 'fuggerei-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path d="M6,29H3v4H6ZM5,32H4V30H5Z" />
            <path d="M6,22H3v4H6ZM5,25H4V23H5Z" />
            <path d="M9,26h3V22H9Zm1-3h1v2H10Z" />
            <path d="M9,33h3V29H9Zm1-3h1v2H10Z" />
            <path d="M9,16H6v4H9ZM8,19H7V17H8Z" />
            <path d="M20,22H16v4h4Zm-1,3H17V23h2Z" />
            <path d="M20,28H16v4h4Zm-1,3H17V29h2Z" />
            <path d="M26,28H22v4h4Zm-1,3H23V29h2Z" />
            <path d="M26,22H22v4h4Zm-1,3H23V23h2Z" />
            <path d="M32,22H28v4h4Zm-1,3H29V23h2Z" />
            <path
                d="M15,37H39V20h0L33.64,8H24V5.43a.44.44,0,0,0-.09-.27l-1-1.43a.53.53,0,0,0-.44-.23.45.45,0,0,0-.11,0,.35.35,0,0,0-.14,0H20.34a.51.51,0,0,0-.43.24l-.84,1.41A.54.54,0,0,0,19,5.5s0,0,0,.07V8H11V5H7V8H6v2H5v2H4v2H3v2H2v2H1V37H15Zm16-5H29V29h2Zm0,1v3H29V33Zm3,3V33h2v3Zm2-4H34V29h2ZM23,5.51V8H22V5.51L22.5,5Zm-2.37-1h.9l-.34.5h-.86ZM20,6h1V8H20Zm-.48,3H33L37.9,20H17V18H16V16H15V14H14V12H13V10H12V9ZM10,10V9h1v2h1v1H11V10Zm2,3h1v1H12Zm1,2h1v1H13Zm1,2h1v1H14Zm1,2h1v1H15ZM9,6h1V8H9ZM2,36V19H3V17H4V15H5V13H6V11H7V9H9v2h1v2h1v2h1v2h1v2h1v2H38V36H37V28H33v8H32V28H28v8H15V35H26V34H15V22H14V34H3v1H14v1Z"
            />
            <path
                d="M29,18V15.26l.07-.13L29,15h0l-1.79-2.84-.85.53,1.39,2.2H26.57l-1.69-2.73-.85.53L26,18Zm-1-1H27V16h1Z"
            />
            <path
                d="M35,18V15.3l.09-.17-1.86-3-.85.53,1.39,2.2H32.59L30.9,12.16l-.85.53L32,18Zm-1-1H33V16h1Z"
            />
            <rect y="38" width="40" height="1" />
            <path
                d="M18.55,15.57a1.54,1.54,0,0,0,1.16-.5A1.56,1.56,0,0,0,22.42,14H21.6a.74.74,0,1,1-1.48,0H19.3a.74.74,0,1,1-1.48,0H17A1.56,1.56,0,0,0,18.55,15.57Z"
            />
            <path
                d="M19.65,11.67A1.66,1.66,0,0,0,21.31,10h-.87a.79.79,0,1,1-1.57,0H18A1.66,1.66,0,0,0,19.65,11.67Z"
            />
        </svg>
        <svg
            v-if="name === 'ereignis-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <path
                d="M39.72,1.05a.5.5,0,0,0-.57.1l-38,38a.47.47,0,0,0-.11.54A.49.49,0,0,0,1.5,40H4.91a.47.47,0,0,0,.35-.15l6.62-6.62-.7-.71L4.7,39h-2L38.76,3C38.43,4.69,38,6.36,37.54,8H35V9h2.21c-.21.67-.45,1.34-.7,2H33v1h3.12c-.27.67-.57,1.34-.88,2H30v1h4.75c-.34.67-.7,1.34-1.09,2H27v1h6c-.42.67-.86,1.34-1.33,2H24v1h7a.76.76,0,0,0-.08.11c-.49.65-1,1.28-1.58,1.89H21v1h7.4a29.37,29.37,0,0,1-2.17,2H18v1h7a27.56,27.56,0,0,1-3,2H14v1h6.08A17.06,17.06,0,0,1,13,31.81h-.63l-.05,1C18.35,33.1,25.1,29.5,30.8,23,36.18,16.88,39,8.87,40,1.57A.52.52,0,0,0,39.72,1.05Z"
            />
        </svg>
        <svg
            v-if="name === 'augsburg-icon'"
            :style="getSize"
            viewBox="0 0 40 40"
        >
            <defs>
                <clipPath id="clip-path">
                    <path
                        d="M20,48.07s9.5,6.27,9.5,14.3v1.55a9.52,9.52,0,0,1-9.5,9.5h0a9.52,9.52,0,0,1-9.5-9.5V62.37C10.5,54.34,20,48.07,20,48.07Z"
                    />
                </clipPath>
                <clipPath id="clip-path-2">
                    <path
                        d="M20,48.07s9.5,6.27,9.5,14.3v1.55a9.52,9.52,0,0,1-9.5,9.5h0a9.52,9.52,0,0,1-9.5-9.5V62.37C10.5,54.34,20,48.07,20,48.07Z"
                    />
                </clipPath>
            </defs>
            <g style="clip-path:url(#clip-path)">
                <rect
                    x="5.75"
                    y="45.36"
                    width="28.5"
                    height="28.5"
                    transform="translate(-36.28 31.59) rotate(-44.98)"
                />
            </g>
            <path
                d="M20,48.07s9.5,6.27,9.5,14.3v1.55a9.52,9.52,0,0,1-9.5,9.5h0a9.52,9.52,0,0,1-9.5-9.5V62.37C10.5,54.34,20,48.07,20,48.07Z"
            />
            <g style="clip-path:url(#clip-path-2)">
                <rect
                    x="5.75"
                    y="45.36"
                    width="28.5"
                    height="28.5"
                    transform="translate(-36.28 31.59) rotate(-44.98)"
                />
            </g>
            <path
                d="M25,27H11v4h1.29A2,2,0,0,0,12,32a2.15,2.15,0,0,0,2,2v6H26V34a2.12,2.12,0,0,0,2-2,2,2,0,0,0-.29-1H29V27H25Zm0,1v2H15V28ZM20,38l-1.65-3L20,32l1.68,3Zm2.2-2.11L24,39H20.4ZM19.67,39H16.11l1.74-3.14Zm-1.86-5-1.63-3h3.31Zm2.77-3h3.3l-1.65,3ZM12,28h2v2H12Zm1,4a1.06,1.06,0,0,1,.91-1h1.14L17.3,34.9,15,39h0V33H14A1.15,1.15,0,0,1,13,32Zm13.09-1A1.06,1.06,0,0,1,27,32c0,.45-.27,1-.74,1H25v6h0l-2.25-4.07L25,31ZM28,28v2H26V28ZM20.28.18,20,0l-.28.18C19.33.44,10,6.57,10,14.64v1.52a10,10,0,0,0,20,0V14.64C30,6.57,20.67.44,20.28.18Zm8.64,13.13-1.47-1.49.87-.89A10.79,10.79,0,0,1,28.92,13.31Zm-1-3.41-1.16,1.19L24.08,8.38l1.77-1.81A17.94,17.94,0,0,1,27.9,9.9Zm-8.61,1.92-2.66,2.71L14,11.82l2.65-2.71ZM17.35,8.38,20,5.67l2.65,2.71L20,11.09Zm1.94,10.31L16.63,21.4,14,18.69,16.63,16Zm-1.94-3.44L20,12.55l2.65,2.7L20,18Zm6,.73L26,18.69,23.37,21.4l-2.66-2.71Zm-2.66-4.16,2.66-2.71L26,11.82l-2.65,2.71Zm4.5-6.05L23.37,7.65,20.71,4.94l1.85-1.88A27.49,27.49,0,0,1,25.21,5.77ZM20,1c.35.24,1,.73,1.79,1.39L20,4.21,18.21,2.39C19,1.73,19.65,1.24,20,1ZM17.44,3.06l1.85,1.88L16.63,7.65,14.79,5.77A27.49,27.49,0,0,1,17.44,3.06ZM14.15,6.57l1.77,1.81-2.66,2.71L12.1,9.9A17.94,17.94,0,0,1,14.15,6.57Zm-2.47,4.36.87.89-1.47,1.49A10.79,10.79,0,0,1,11.68,10.93ZM11,14.85l2.26-2.3,2.66,2.7L13.26,18,11,15.65Zm.08,2.34,1.47,1.5-.84.86A8.48,8.48,0,0,1,11.08,17.19Zm1.12,3.32,1.06-1.09,2.66,2.71-1.16,1.19A8.93,8.93,0,0,1,12.2,20.51Zm3.44,3.37,1-1,2,2A8.82,8.82,0,0,1,15.64,23.88Zm1.71-1.75L20,19.42l2.65,2.71L20,24.84Zm4,2.75,2-2,1,1A8.82,8.82,0,0,1,21.38,24.88Zm3.86-1.56-1.16-1.19,2.66-2.71,1.06,1.09A8.93,8.93,0,0,1,25.24,23.32Zm3.05-3.77-.84-.86,1.47-1.5A8.48,8.48,0,0,1,28.29,19.55Zm.71-3.9L26.74,18l-2.66-2.71,2.66-2.7L29,14.85Z"
            />
        </svg>
        <!--      LEXICON ICONS-->
    </span>
</template>

<script>
export default {
    name: 'FuggerIcons',
    props: {
        name: {
            type: String,
            default: '',
            required: true,
        },
        primary: {
            type: Boolean,
            default: false,
        },
        icon4k: {
            type: Boolean,
            default: false,
        },
        width: {
            type: Number,
            default: 40,
        },
        height: {
            type: Number,
            default: 40,
        },
    },
    computed: {
        getSize() {
            let iconWidth, iconHeight
            if (this.icon4k && this.width === 40 && this.height === 40) {
                iconWidth = 'calc(150vw * var(--pxToVw))'
                iconHeight = 'calc(150vw * var(--pxToVw))'
            } else {
                iconWidth = 'calc(' + this.width + 'vw * var(--pxToVw))'
                iconHeight = 'calc(' + this.height + 'vw * var(--pxToVw))'
            }
            return {
                width: iconWidth,
                height: iconHeight,
            }
        },
    },
}
</script>

<style lang="scss" scoped>
@import 'assets/scss/variables';
@import 'assets/scss/buttons';
@import 'assets/scss/global';

.icon {
    position: absolute;
    box-sizing: border-box;

    &.card-next-icon {
        position: absolute;
        float: right;
        display: inline-block;
    }
}

span.icon {
    position: absolute;
    box-sizing: border-box;

    &.card-next-icon {
        position: absolute;
        float: right;
        display: inline-block;
    }

    position: absolute;
    display: inline-flex;

    svg {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;

        path,
        rect {
            fill: white;
        }
    }

    &.primary-color {
        svg {
            path,
            rect {
                fill: var(--primary);
            }
        }
    }
}
</style>
