Orb Direction icon
game-icons:orb-direction
The Orb Direction icon (game-icons:orb-direction) 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
- orbdirection
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.78 21C128.098 21 23.47 125.628 23.47 253.313s104.627 230.78 232.31 230.78c127.685 0 230.782-103.095 230.782-230.78S383.466 21 255.782 21zm-1.06 82l117.374 117.97l-23.938 25.093l-65.406-37.938v172.47c79.295-13.13 139.78-81.987 139.78-165c0-39.265-13.54-75.368-36.186-103.907c37.702 35.365 61.22 85.81 61.22 141.625a191.173 191.173 0 0 1-191.783 191.78c-106.398 0-193.31-85.385-193.31-191.78c0-55.123 23.342-105.018 60.624-140.313c-22.028 28.33-35.156 63.928-35.156 102.594c0 82.46 59.645 150.973 138.156 164.75v-168.72l-62.5 35.626l-25.094-26.28z"/></svg>How to use the Orb Direction icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:orb-direction" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:orb-direction" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:orb-direction" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--orb-direction]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:orb-direction"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:orb-direction"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/orb-direction.svg" alt="Orb Direction icon" width="24" height="24">Related icons in Game Icons
Orb Direction icon FAQ
Is the Orb Direction 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 Orb Direction icon in React?
Install @iconify/react and render <Icon icon="game-icons:orb-direction" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Orb Direction icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/orb-direction.svg" alt="Orb Direction icon">, or paste the SVG code inline to style it with CSS.