Supersonic Arrow icon

game-icons:supersonic-arrow

The Supersonic Arrow icon (game-icons:supersonic-arrow) 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: supersonicarrow

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="M84.475 16.084L81.4 65.79L50.752 37.183l-11.68 11.68l30.043 32.19l-52.877 3.266c41.824 51.46 65.345 68.355 119.215 67.81l22.322 23.915a935 935 0 0 1 9.555-9.697h.002a962 962 0 0 1 10.623-10.442l-23.404-21.844c6.066-54.95-22.426-79.39-70.075-117.978zM448.77 18.22a87 87 0 0 0-2.975.01q-3.46.064-7.193.397c-19.907 1.776-44.9 9.53-72.664 22.795C310.41 67.95 243.78 116.28 180.282 179.777C116.786 243.275 68.35 310.01 41.717 365.647C28.4 393.463 20.594 418.514 18.78 438.462c-1.81 19.948 2.155 34.023 10.974 42.842s22.896 12.783 42.844 10.97s44.997-9.62 72.814-22.935c47.236-22.612 102.476-60.954 156.942-110.875l-14.186-15.152c-2.085 1.93-4.17 3.864-6.248 5.757c-8.912 6.327-17.464 11.443-25.21 15.15c-8.84 4.233-16.638 6.57-22.19 7.073c-5.55.504-8.082-.607-9.34-1.865s-2.37-3.79-1.866-9.34c.505-5.55 2.842-13.35 7.075-22.192c6.817-14.243 18.406-31.213 33.516-48.138l.108.115q3.273-3.795 6.64-7.412c.345-.37.695-.73 1.04-1.097a298 298 0 0 1 3.75-3.816c20.78-20.78 42.63-36.552 60.273-44.98c8.82-4.215 16.598-6.536 22.133-7.03q1.035-.093 1.937-.113q.9-.02 1.678.02c3.107.165 4.77 1.027 5.72 1.978c1.268 1.267 2.38 3.8 1.885 9.334c-.493 5.534-2.813 13.31-7.027 22.133c-3.854 8.065-9.26 17.015-15.96 26.337c-.293.32-.596.64-.892.96l15.136 14.182c49.233-53.96 86.992-108.535 109.31-155.25c13.264-27.764 21.02-52.76 22.796-72.667c1.776-19.906-2.207-33.965-11.036-42.793c-7.242-7.242-18.002-11.223-32.625-11.44zm-12.286 65.944c7.31-.162 13.042 1.596 16.9 5.453c18.066 18.068-9.964 77.3-65.58 147.06c.42-8.303-1.506-16.573-7.406-22.472c-4.734-4.733-10.992-6.91-17.57-7.367a42 42 0 0 0-6.64.084c-8.873.792-18.358 3.923-28.528 8.78c-20.34 9.718-43.39 26.586-65.43 48.628v.002c-22.044 22.044-38.948 45.126-48.7 65.496c-4.874 10.185-8.02 19.683-8.827 28.568s.94 17.925 7.262 24.247c5.734 5.733 13.706 7.7 21.77 7.414c-68.26 53.8-125.842 80.59-143.612 62.82C65.44 428.193 126.725 326.7 226.967 226.46c84.577-84.578 170.046-141.423 209.517-142.296M252.95 225.902a814 814 0 0 0-25.036 25.29l10.453 11.203a373 373 0 0 1 26.535-25.338l-11.95-11.155zm52.595 49.088c-10.287 8.657-19.75 18.025-28.715 28.615l25.016 26.803l-.082.08l14.29 15.262l.06-.055l37.995 40.707l-73.872 23.692l211.117 81.55l-81.552-211.12l-22.65 70.634l-39.66-37.017l.093-.097l-15.19-14.234l-.125.126z"/></svg>

How to use the Supersonic Arrow icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:supersonic-arrow"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/supersonic-arrow.svg" alt="Supersonic Arrow icon" width="24" height="24">

Related icons in Game Icons

Supersonic Arrow icon FAQ

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

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

How do I add the Supersonic Arrow icon to a web page?

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

Browse all Game Icons →