Cannon Shot icon

game-icons:cannon-shot

The Cannon Shot icon (game-icons:cannon-shot) 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: cannonshot

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="m168.875 11.395l86.455 98.443a211 211 0 0 1 6.47-3.215c14.37-6.805 27.684-11.083 39.76-12.103q1.125-.095 2.243-.15L242.69 11.396h-73.815zM18.348 64.145v27.722l.21-.25l128.432 107.3a439 439 0 0 1 10.127-11.276L18.347 64.147zm287.896 48.835q-1.472.025-3.11.163c-8.734.738-20.327 4.21-33.337 10.37c-.564.268-1.146.567-1.715.844l30.996 35.295c1.406-.72 2.808-1.43 4.193-2.1c13.245-6.395 25.504-10.477 36.683-11.554c.592-.057 1.183-.1 1.774-.14l-21.385-29.032l-.344.344c-2.62-2.62-6.88-4.304-13.754-4.19zm-287.896 2.817V264.15l69.13 47.274c.036-.995.088-1.993.172-2.996c1.02-12.077 5.298-25.392 12.104-39.762c8.213-17.34 20.215-36.21 35.324-55.348zm326.18 48.625q-1.312.036-2.784.178c-7.853.756-18.432 4.027-30.346 9.78c-23.826 11.508-53.028 32.712-80.87 60.554c-27.843 27.84-49.048 57.044-60.555 80.87c-5.754 11.914-9.025 22.494-9.782 30.346c-.755 7.853.795 12.184 3.197 14.586s6.735 3.952 14.588 3.196c7.852-.757 18.432-4.028 30.345-9.782c7.81-3.77 16.202-8.6 24.928-14.347c-17.195 39.23-28.067 89.333-34.394 153.564c37.517-129.093 80.838-109.43 114.544-6.287c-18.62-109.564 99.38-61.623 185.008 5.397c-66.417-101.782-124.625-177.518 4.55-188.135c-124.058-5.07-140.995-44.53-21.876-102.653c-58.372 6.19-105.555 15.9-143.54 32.65c4.806-7.536 8.915-14.8 12.206-21.613c5.754-11.914 9.023-22.494 9.78-30.346s-.794-12.183-3.196-14.585c-1.8-1.8-4.688-3.122-9.332-3.352a31 31 0 0 0-2.47-.02zm-173.442 35.65q-5.031 5.417-9.734 10.842l37.066 30.97a415 415 0 0 1 8.768-9.687zm142.27 1.117c3.84.122 6.953 1.23 9.142 3.42c6.837 6.836 3.118 22.676-8.182 41.52c-29.24 17.088-52.02 39.92-69.58 70.706c-20.12 12.694-37.26 17.173-44.45 9.984c-11.437-11.437 6.648-48.066 40.396-81.814c26.365-26.366 54.49-43.17 70.986-43.81q.865-.031 1.69-.007zm-163.9 24.138c-14.242 18.11-25.428 35.748-32.81 51.338c-6.163 13.01-9.634 24.602-10.373 33.336s1.033 13.87 4.026 16.86l-.1.1l31.152 21.304q.05-1.945.238-3.91c1.076-11.177 5.158-23.437 11.555-36.68c7.777-16.104 19.084-33.65 33.275-51.465l-36.965-30.882z"/></svg>

How to use the Cannon Shot icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:cannon-shot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/cannon-shot.svg" alt="Cannon Shot icon" width="24" height="24">

Related icons in Game Icons

Cannon Shot icon FAQ

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

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

How do I add the Cannon Shot icon to a web page?

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

Browse all Game Icons →