Icosahedron icon
Download the Icosahedron icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- polyhedron
- 3d
- shape
- geometry
- solid
- d20
- dice
- twenty-sided
Size
Stroke
Color
- Category
- ui
- Styles
- Outline
- Component
- IconIcosahedron
- License
- MIT · Paweł Kuna
- Files
-
outline/icosahedron.svg
Code
Copy it the way you use it
icosahedron.svg
<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="M21 8.007v7.986a2 2 0 0 1 -1.006 1.735l-7 4.007a2 2 0 0 1 -1.988 0l-7 -4.007a2 2 0 0 1 -1.006 -1.735v-7.986a2 2 0 0 1 1.006 -1.735l7 -4.007a2 2 0 0 1 1.988 0l7 4.007a2 2 0 0 1 1.006 1.735" />
<path d="M3.29 6.97l4.21 2.03" />
<path d="M20.71 6.97l-4.21 2.03" />
<path d="M20.7 17h-17.4" />
<path d="M11.76 2.03l-4.26 6.97l-4.3 7.84" />
<path d="M12.24 2.03q 2.797 4.44 4.26 6.97t 4.3 7.84" />
<path d="M12 17l-4.5 -8h9l-4.5 8" />
<path d="M12 17v5" />
</svg>Use the Icosahedron icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconIcosahedron } from '@tabler/icons-react';
<IconIcosahedron size={24} stroke={2} />Vue example
import { IconIcosahedron } from '@tabler/icons-vue';
<IconIcosahedron :size="24" :stroke="2" />Svelte 5 example
import { IconIcosahedron } from '@tabler/icons-svelte-runes';
<IconIcosahedron size={24} stroke={2} />Related