Arrowed icon

game-icons:arrowed

The Arrowed icon (game-icons:arrowed) 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="m188.438 24.938l-7.188 17.718l-8.78 21.594l-23.095-3.22l-18.938-2.624L140 74.97l17.72 30.686l2.28 3.97l4.53.624l26.19 3.656l69.843 120.97c6.38-1.674 12.76-3.102 19.125-4.22l-73.032-126.53l9.625-23.75l1.72-4.25l-2.28-3.94L198 41.502l-9.563-16.563zM327 33.718l-13.688 13.344l-16.718 16.25l-19.844-12.218l-16.28-10.032l2.092 19.032l3.875 35.218l.5 4.532l3.907 2.406l21.844 13.438l12.375 112.093c3.99-.196 7.942-.287 11.843-.218c2.335.042 4.64.142 6.938.282l-12.563-113.75l18.94-18.406l3.28-3.188l-.5-4.563l-3.875-35.218l-2.125-19zM103.344 94.063l-1.563 19.063l-1.874 23.25l-23 3.875l-18.844 3.156l14.094 12.938L98.28 180.28l3.345 3.095l4.53-.75l26.032-4.406l80.875 74.186c1.764-.85 3.53-1.69 5.313-2.5a270 270 0 0 1 13.406-5.656l-87.31-80.125l2.06-25.53l.376-4.564l-3.375-3.093L117.438 107l-14.093-12.938zm332.53 123c-17.883-.094-38.852 9.04-55.937 26.125a100 100 0 0 0-13.562 16.875c-11.6-6.99-25.385-11.1-40.344-12.687l-.03-.25a148 148 0 0 0-9.438-.438c-.412-.005-.835.002-1.25 0c-105.82-2.977-255.813 107.01-127.937 203.125H68.062l-26.468 47.75H298.78l-88.5-103.25c24.272-26.708 67.46-43.704 97-45.062c13.794 45.098 36.266 113.497 71.75 148.313h60.845c-43.07-46.547-76.538-109.09-81.938-179.844a33.6 33.6 0 0 0 6.313 8.78c18.664 18.664 55.945 11.617 83.28-15.72c27.337-27.335 34.352-64.616 15.69-83.28c-7-7-16.615-10.38-27.345-10.438z"/></svg>

How to use the Arrowed icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Arrowed icon FAQ

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

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

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

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

Browse all Game Icons →