@props(['name', 'class' => 'h-6 w-6'])

<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="{{ $class }}">
    @switch($name)
        @case('message')
            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
            @break
        @case('call')
            <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z" />
            @break
        @case('vpn')
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
            @break
        @case('location')
            <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z" />
            <circle cx="12" cy="10" r="3" />
            @break
        @case('mask')
            <rect x="3" y="9" width="7" height="6" rx="2" ry="2" />
            <rect x="14" y="9" width="7" height="6" rx="2" ry="2" />
            <path d="M10 12h4" />
            <path d="M3 9 1 7" />
            <path d="M21 9 23 7" />
            @break
        @case('timer')
            <circle cx="12" cy="13" r="8" />
            <path d="M12 9v4l2.5 2.5M9 2h6" />
            @break
        @case('shield-off')
            <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" />
            <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" />
            <path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" />
            <path d="M2 2l20 20" />
            @break
        @case('lock')
            <rect x="4" y="11" width="16" height="10" rx="2" />
            <path d="M8 11V7a4 4 0 0 1 8 0v4" />
            <path d="M12 15.5v2.5" />
            @break
        @case('key')
            <circle cx="7.5" cy="15.5" r="4.5" />
            <path d="M10.8 12.2 20 3M17 6l3 3M14 9l2.5 2.5" />
            @break
        @case('devices')
            <rect x="2" y="4" width="14" height="10" rx="1.5" />
            <path d="M2 17.5h14" />
            <rect x="17.5" y="9" width="4.5" height="8" rx="1" />
            @break
        @case('cloud')
            <path d="M7 17a4.5 4.5 0 0 1-.6-8.96A5.5 5.5 0 0 1 17.2 7 4 4 0 0 1 17 15H7Z" />
            <path d="M12 11v7M9.5 15.5 12 18l2.5-2.5" />
            @break
        @case('group')
            <circle cx="9" cy="8" r="3.2" />
            <path d="M2.8 19.5a6.2 6.2 0 0 1 12.4 0" />
            <path d="M15.8 5.3a3.2 3.2 0 0 1 0 6.2" />
            <path d="M17.6 13.8a6.2 6.2 0 0 1 3.6 5.6" />
            @break
        @case('check-shield')
            <path d="M12 2 4 5v6c0 5.2 3.4 9.4 8 11 4.6-1.6 8-5.8 8-11V5l-8-3Z" />
            <path d="m9 12 2 2 4-4.5" />
            @break
    @endswitch
</svg>