Catapult icon

game-icons:catapult

The Catapult icon (game-icons:catapult) 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="m197.746 30.38l-9.898 30.905l-40.485 18.194l-28.79 28.055l30.855 35.512l47.486-4.596l36.06 8.35l30.83-33.52l-4.263-56.7l-61.794-26.2zM25.902 133.32c-13.472 25.957-6.665 67.412 30.356 96.746c37.04 29.35 78.807 26.396 100.855 7.223zm359.174 68.99l-34.152 11.38l7.217 21.65l-227.6 147.94c12.527 4.355 23.416 12.25 31.466 22.484L369.904 270.63l36.303 108.913c16.727.414 31.995 6.866 43.7 17.264zm-213.592 46.36c-9.358 9.058-21.296 15.425-34.656 18.715l63.496 49.064L232.3 295.67l-60.816-46.996zm121.176 93.64l-31.976 20.784L317.504 407h32.183a69.3 69.3 0 0 1 11.336-11.865zM108.166 397.5c-27.997 0-50.5 22.503-50.5 50.5s22.503 50.5 50.5 50.5s50.5-22.503 50.5-50.5s-22.503-50.5-50.5-50.5m296.334 0c-27.997 0-50.5 22.503-50.5 50.5s22.503 50.5 50.5 50.5S455 475.997 455 448s-22.503-50.5-50.5-50.5M25 425v46h18.66c-2.58-7.196-3.994-14.937-3.994-23s1.415-15.804 3.994-23zm147.672 0c2.58 7.196 3.994 14.937 3.994 23s-1.415 15.804-3.994 23h167.322c-2.58-7.196-3.994-14.937-3.994-23s1.415-15.804 3.994-23zm296.334 0c2.58 7.196 3.994 14.937 3.994 23s-1.415 15.804-3.994 23H487v-46zm-360.84 3.166A19.833 19.833 0 0 1 128 448a19.833 19.833 0 0 1-19.834 19.834A19.833 19.833 0 0 1 88.334 448a19.833 19.833 0 0 1 19.832-19.834m296.334 0A19.833 19.833 0 0 1 424.334 448a19.833 19.833 0 0 1-19.834 19.834A19.833 19.833 0 0 1 384.666 448a19.833 19.833 0 0 1 19.834-19.834"/></svg>

How to use the Catapult icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Catapult icon FAQ

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

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

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

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

Browse all Game Icons →