@props(['name', 'size' => 24])
<svg {{ $attributes->merge(['class' => 'icon']) }} width="{{ $size }}" height="{{ $size }}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
    @switch($name)
        @case('wallet') <path d="M20 7V6a2 2 0 0 0-2-2H5a3 3 0 0 0 0 6h15v8a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V7"/><path d="M16 14h.01"/> @break
        @case('clock') <circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/> @break
        @case('rocket') <path d="M4.5 16.5c-1.2 1-1.6 3-1.6 3s2-.4 3-1.6c.7-.8.7-2-.1-2.7-.7-.7-1.8-.6-2.6.1Z"/><path d="m9 15-3-3s3.5-6.4 9.7-8.4c2.8-.9 4.7-.3 4.7-.3s.6 1.9-.3 4.7C18.1 14.2 12 18 12 18l-3-3Z"/><circle cx="15" cy="9" r="2"/> @break
        @case('headset') <path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M18 19c0 1.1-.9 2-2 2h-3"/><rect x="3" y="13" width="4" height="6" rx="2"/><rect x="17" y="13" width="4" height="6" rx="2"/> @break
        @case('user') <circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/> @break
        @case('phone') <path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z"/> @break
        @case('pin') <path d="M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="2.5"/> @break
        @case('id') <rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="9" cy="11" r="2"/><path d="M6 16c.7-1.4 1.7-2 3-2s2.3.6 3 2M14 10h4M14 14h4"/> @break
        @case('calendar') <rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 10h18"/> @break
        @case('camera') <path d="M14.5 5 13 3h-2L9.5 5H5a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-4.5Z"/><circle cx="12" cy="13" r="4"/> @break
        @case('document') <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"/><path d="M14 2v6h6M8 13h8M8 17h6"/> @break
        @case('send') <path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/> @break
        @case('lock') <rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/> @break
        @case('check') <circle cx="12" cy="12" r="9" fill="currentColor" stroke="none"/><path d="m8 12 2.5 2.5L16 9" stroke="white" stroke-width="2"/> @break
        @case('motorcycle') <circle cx="6" cy="17" r="3"/><circle cx="18" cy="17" r="3"/><path d="m6 17 4-7h4l4 7M10 10 8 7h3M14 10l2-3h3"/> @break
        @case('scooter') <circle cx="7" cy="18" r="2.5"/><circle cx="18" cy="18" r="2.5"/><path d="M7 18h7l-2-9H8M14 5h3l1 13"/> @break
        @case('bicycle') <circle cx="6" cy="17" r="3.5"/><circle cx="18" cy="17" r="3.5"/><path d="m6 17 4-7 4 7H6l3-5h7M10 10 8 7h3M14 8h3"/> @break
        @case('car') <path d="m4 15 2-6a2 2 0 0 1 2-1h8a2 2 0 0 1 2 1l2 6v4H4v-4Z"/><path d="M6 19v2M18 19v2M5 15h14M7 15h.01M17 15h.01"/> @break
    @endswitch
</svg>