Minecraft icon
Download the Minecraft logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- minecraft
- game
- video-game
- blocks
- sandbox
- mojang
- microsoft
- gaming
- logo
- brand
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandMinecraft
- License
- MIT · Paweł Kuna
outline/brand-minecraft.svgCode
Copy it the way you use it
brand-minecraft.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 16.008v-8.018a1.98 1.98 0 0 0 -1 -1.717l-7 -4.008a2.016 2.016 0 0 0 -2 0l-7 4.008c-.619 .355 -1 1.01 -1 1.718v8.018c0 .709 .381 1.363 1 1.717l7 4.008c.62 .354 1.38 .354 2 0l7 -4.008c.619 -.355 1 -1.01 1 -1.718" />
<path d="M12 22v-10" />
<path d="M12 12l8.73 -5.04" />
<path d="M3.27 6.96l8.73 5.04" />
<path d="M12 17l3.003 -1.668m3 -1.667l2.997 -1.665m-9 5l-9 -5" />
<path d="M15 17l3 -1.67v-3l-3 1.67l0 3" />
</svg>Use the Minecraft 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 { IconBrandMinecraft } from '@tabler/icons-react';
<IconBrandMinecraft size={24} stroke={2} />Vue example
import { IconBrandMinecraft } from '@tabler/icons-vue';
<IconBrandMinecraft :size="24" :stroke="2" />Svelte 5 example
import { IconBrandMinecraft } from '@tabler/icons-svelte-runes';
<IconBrandMinecraft size={24} stroke={2} />Related