<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19 6.844a2.007 2.007 0 0 1 1 1.752v6.555c0 .728 -.394 1.399 -1.03 1.753l-6 3.844a2 2 0 0 1 -1.942 0l-6 -3.844a2.007 2.007 0 0 1 -1.029 -1.752v-6.556c0 -.729 .394 -1.4 1.029 -1.753l6 -3.583a2.05 2.05 0 0 1 2 0l6 3.584h-.03z" />
<path d="M12 16.5v4.5" />
<path d="M4.5 7.5l3.5 2.5" />
<path d="M16 10l4 -2.5" />
<path d="M12 7.5v4.5l-4 2" />
<path d="M12 12l4 2" />
<path d="M12 16.5l4 -2.5v-4l-4 -2.5l-4 2.5v4z" />
</svg>
npm install @tabler/icons-react
import { IconBadge4k } from '@tabler/icons-react'
<IconBadge4k stroke={} />
npm install @tabler/icons-vue
import { IconBadge4k } from '@tabler/icons-vue'
<IconBadge4k stroke={} />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css" />
<i class="ti ti-hexagon-3d></i>
