ICONYZ
English
Match Head icon from Game Icons

Match Head icon

game-icons:match-head

The Match Head icon (game-icons:match-head) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
matchhead
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M316.594 18.375c40.733 49.672 27.644 86.682 5.344 122.688c.783-42.897-37.23-58.073-83.282-44.032c71.457.144 63.504 53.747 47.25 101.095c-8.392 16.15-14.28 33.228-14.28 52.094c0 30.375 13.866 52.983 36.78 67.155c-9.875-13.69-13.797-31.204-9.344-51.97c10.182-47.473 52.14-72.297 70.688-112.124c9.593 17.684 24.242 30.335 38.53 30.376c19.437.056 30.155-22.576 25.126-50.812c41.403 59.58 28.32 151.878-11.687 193.875c65.79-30.04 89.29-136.86 44.842-216.783c.594 13.805-1.266 27.485-6.187 40.72c-10.366-39.618-30.658-94.73-90.78-120.626l-.19-.06c-15.86-5.534-33.44-9.5-52.81-11.595zM358.5 238.53c-23.074 0-41.625 18.543-41.625 41.72S335.425 322 358.5 322s41.594-18.573 41.594-41.75s-18.52-41.72-41.594-41.72m-88.188 75.75L17.75 468.657v23.938h59.97l237.718-148c-16.89-5.172-32.555-15.733-45.125-30.313z"/></svg>

How to use the Match Head icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:match-head" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:match-head" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:match-head" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--match-head]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:match-head"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:match-head"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/match-head.svg" alt="Match Head icon" width="24" height="24">

Related icons in Game Icons

match-tip icon
match-tip
 matchbox icon
matchbox

Match Head icon FAQ

Is the Match Head icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Match Head icon in React?

Install @iconify/react and render <Icon icon="game-icons:match-head" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Match Head icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/match-head.svg" alt="Match Head icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →