ultimate-comparisons/ultimate-comparison-BASE

<div>
    <ng-content></ng-content>
</div>
<div class=".svg-parent">
    <svg viewBox="0 0 24 24">
        <defs>
            <g id="keyboard-arrow-down">
                <path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/>
            </g>
            <g id="keyboard-arrow-up">
                <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
            </g>
            <g id="settings">
                <path
                    d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
            </g>
            <g id="info">
                <path
                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
            </g>
            <g id="star">
                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
            </g>
            <g id="resize-small" transform="translate(0.000000,24.000000) scale(0.0800000,-0.0800000)"
               fill="#000000" stroke="none">
                <path
                    d="M187 223 c-13 -13 -19 -14 -29 -5 -20 20 -25 14 -30 -38 -3 -28 -7 -53 -10 -56 -3 -2 -28 -7 -57 -11 -53 -6 -59 -11 -39 -31 9 -9 7 -16 -6 -31 -19 -21 -16 -51 5 -51 7 0 21 8 31 17 14 13 21 14 30 5 20 -20 25 -14 30 38 3 28 7 53 10 56 3 2 28 7 57 11 53 6 59 11 39 31 -9 9 -7 16 6 31 34 38 -1 69 -37 34z"/>
            </g>
            <g id="resize-full" transform="translate(0.000000,24.000000) scale(0.0800000,-0.0800000)"
               fill="#000000" stroke="none">
                <path
                    d="M158 233 c-20 -5 -23 -18 -7 -28 7 -5 3 -15 -10 -29 -21 -22 -21 -23 -3 -39 18 -16 20 -16 37 3 14 16 21 17 32 8 20 -16 33 6 33 55 0 35 -1 37 -32 36 -18 -1 -41 -3 -50 -6z"/>
                <path
                    d="M65 100 c-14 -16 -21 -17 -32 -8 -20 16 -33 -6 -33 -56 l0 -39 45 6 c53 5 64 12 47 29 -9 9 -7 17 8 33 20 21 20 22 2 38 -18 16 -20 16 -37 -3z"/>
            </g>
        </defs>
        <use [attr.xlink:href]="'#'+icon"/>
    </svg>
</div>