Catch icon

game-icons:catch

The Catch icon (game-icons:catch) 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="m36.98 18l350.006 400.08c10.916 10.836 45.478-17.1 35.515-28.521L96.311 18zm237.871 75.049c-3.528-.018-7.08.44-10.687 1.293c-4.523 1.091-6.394 3.412-7.073 7.992c-3.196 21.83-6.453 43.604-9.748 65.395l29.473 33.843c1.519-10.236 3.04-20.474 4.52-30.605c3.43-22.962 6.841-45.947 10.333-68.867c.483-3.197.196-5.09-3.255-6.454c-4.53-1.765-9.027-2.574-13.563-2.597m77.889 12.672c-1.442-.052-3.549 1.02-4.235 2.265c-13.995 24.056-27.87 48.222-41.71 72.377c-5.923 10.289-11.93 20.508-18.008 30.992L378.29 314.22c31.152-15.378 62.322-30.761 93.373-46.278c1.577-.796 3.12-3.293 3.253-5.127c.7-9.277-2.2-17.538-8.007-24.775c-1.954-2.473-3.744-3.432-7.094-1.834c-18.946 9.378-38.051 18.465-57.139 27.625a12909 12909 0 0 0-39.039 18.908a3146 3146 0 0 0-10.433-15.129a261 261 0 0 0 3.255-3.138c28.947-27.247 57.84-54.56 86.805-81.748c2.611-2.382 3.176-4.469 2.006-7.664c-2.825-7.68-7.444-13.744-14.406-18.303c-3.881-2.55-6.277-2.224-9.649 1.033c-12.749 12.205-25.803 24.113-38.752 36.12c-17.15 15.944-34.304 31.91-51.576 47.74c-1.133 1.128-3.92 2.14-4.773 1.519c-4.408-3.04-8.485-6.688-12.633-10.12c9.769-16.682 19.24-32.9 28.77-49.116c11.56-19.79 23.14-39.55 34.501-59.473c.86-1.48 1.114-4.37.176-5.654c-5.79-8.301-13.937-12.907-24.19-13.084zm-210.93 94.494c-6.05.006-11.888 2.65-17.666 7.982c1.095 1.384 2.264 2.752 3.356 4.155c12.784 16.33 25.768 32.55 38.341 49.097c15.007 19.828 29.061 40.47 44.752 59.766c11.073 13.548 23.803 26.138 44.096 23.818a2753 2753 0 0 1 3.215 17.996c-24.303 3.428-41.3-8.792-57.344-24.638c-1.017 2.67-1.6 4.52-2.42 6.312c-7.719 16.98-14.814 34.267-23.314 50.818c-8.869 17.258-47.666 68.734-71.535 98.479h177.12c.842-12.673 1.754-26.345 3.008-36.84c3.179-27.273 7.778-54.274 19.206-79.553c3.273-7.29 7.58-13.722 12.935-19.158l-95.39-109.648c-.062.506-.1.993-.14 1.478c-.074.86-1.07 2.148-1.812 2.323c-5.358.974-10.955 2.884-16.021 2.048c-2.96-.489-5.069-5.636-7.547-8.714c-1.15-1.406-2.18-2.865-3.31-4.27c-10.1-12.61-19.514-25.868-32.92-35.342c-5.769-4.065-11.272-6.114-16.61-6.11z"/></svg>

How to use the Catch icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Catch icon FAQ

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

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

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

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

Browse all Game Icons →