Tinker icon
game-icons:tinker
The Tinker icon (game-icons:tinker) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M409.28 19.313c-20.507.34-40.836 8.245-56.53 23.937c-20.558 20.558-27.823 49.56-22.188 76.156l1.032 4.938l-3.594 3.594l-43.406 43.406a39 39 0 0 1 9.72 10.625c7.166 11.59 6.305 28.69-6.22 41.218l-11.97 11.968l30.438 30.47l79.563-79.563l3.563-3.594l4.968 1.06c26.44 5.525 55.136-1.98 75.75-22.593c23.596-23.595 29.518-57.696 18.688-87.093l-49.22 49.25c-13.71 13.708-36.3 15.01-50.093 1.22c-13.79-13.793-13.07-36.618.814-50.5l49.22-49.25c-8.545-3.15-17.475-4.93-26.44-5.22a83 83 0 0 0-4.093-.032zM72.157 21.53c-13.533.162-25.857 6.134-34.937 15.69c-18.163 19.108-23.575 51.08 4.56 79.218l86.126 86.124c30.25 2.733 53.004 26.662 53.906 57.532L182 266c.883 5.654 4.31 10.126 8.844 12.47c5.734 2.963 12.387 3.145 19.625-4.095l64.405-64.406c7.718-7.72 6.896-12.716 3.53-18.157c-3.364-5.442-11.272-10.063-18.81-10.063h-.19l-.186-.03c-30.125-1.298-53.427-23.487-56.5-53l-86.595-86.595C100.84 26.84 85.69 21.37 72.155 21.53zm191.188 227.314l-14.03 14.03l136.5 136.532l3.31 3.313l-.655 4.655l-4.595 31.813l77.188 49.375L489 460.625l-49.375-77.22l-31.78 4.595l-4.658.688l-3.312-3.313l-136.53-136.53zm-27.72 26.812l-11.936 11.938c-12.238 12.24-29.134 13.86-41.438 7.5a35.25 35.25 0 0 1-11.656-9.72l-41.78 41.782l-3.595 3.594l-4.97-1.063c-26.596-5.632-55.6 1.632-76.156 22.188c-23.598 23.596-29.52 57.697-18.688 87.094l49.25-49.25c13.883-13.877 36.71-14.605 50.5-.814c13.792 13.792 12.494 36.384-1.22 50.094l-49.25 49.25c29.398 10.83 63.498 4.906 87.095-18.688c20.613-20.615 28.114-49.342 22.595-75.78l-1.03-4.938l3.56-3.563l79.19-79.186z"/></svg>How to use the Tinker icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:tinker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:tinker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:tinker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--tinker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:tinker"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:tinker"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/tinker.svg" alt="Tinker icon" width="24" height="24">Tinker icon FAQ
Is the Tinker 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 Tinker icon in React?
Install @iconify/react and render <Icon icon="game-icons:tinker" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tinker icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/tinker.svg" alt="Tinker icon">, or paste the SVG code inline to style it with CSS.