Snatch icon

game-icons:snatch

The Snatch icon (game-icons:snatch) 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

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="M325.396 40.29L165.34 149.017c-27.315 13.986-98.18 15.75-146.59 13.43v136.08c24.72-10.865 51.825-20.162 78.604-27.508l-31.967-57.49l-3.73-6.706l5.855-4.963c10.993-9.32 23.77-15.852 37.8-16.577c11.967-.618 24.37 3.315 36.01 11.936c9.196-6.337 18.938-10.62 29.397-11.08c10.324-.456 20.665 3.25 30.24 10.477c13.184-10.538 27.613-12.633 39.923-10.092c14.378 2.97 26.573 10.17 37.324 13.55l10.8 3.394l-42.26 78.262c58.048 26.817 104.31 72.66 93.85 161.82l52.508-100.15l-107.41-82.445c51.457-18.844 150.272 27.377 146.3 116.654l24.187-104.147L309.59 209.17c51.507-29.956 141.992-23.573 180.12 74.22l-13.04-118.287c-77.827 2.3-165.953-5.837-207.322-21.684c-10.25 6.4-20.26 14.33-31.692 21.736l-10.162-15.685c13.355-8.65 26.9-20.316 43.26-28.353c31.346-18.998 60.645-30.103 109.496 4.922l-54.856-85.75zM229.902 203.9c-6.932-.154-13.347 2.425-21.838 11.48l-6.552 6.99l-6.823-6.725c-8.733-8.607-15.897-11.156-23.15-10.836c-7.25.318-15.536 4.065-24.65 11.442l-6.216 5.033l-5.932-5.367c-10.492-9.492-19.67-12.425-28.465-11.97c-6.787.35-13.73 2.997-20.605 7.61l48.135 86.567c18.32 11.452 55.63 15.793 81.414 2.654l46.827-86.717c-9.24-3.712-17.568-7.712-24.943-9.235c-2.523-.52-4.89-.876-7.202-.928zM124.756 314.664c-21.495 14.875-38.772 40.762-45.38 78.69c-6.344 36.4 3.688 61.31 21.522 78.207c17.835 16.898 44.47 25.525 71.456 25.174c26.985-.35 53.906-9.69 72.11-26.88c18.206-17.19 28.507-41.804 22.702-76.567c-6.052-36.242-21.89-61.475-41.916-76.607c-32.782 17.74-74.566 13.87-100.494-2.016z"/></svg>

How to use the Snatch icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:snatch"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/snatch.svg" alt="Snatch icon" width="24" height="24">

Snatch icon FAQ

Is the Snatch 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 Snatch icon in React?

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

How do I add the Snatch icon to a web page?

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

Browse all Game Icons →