Sextant icon
game-icons:sextant
The Sextant icon (game-icons:sextant) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m259.348 69.037l17.33 4.867l-6.016 21.416c4.62 5.93 7.39 13.372 7.39 21.47c-.006 12.142-6.268 23.15-16.13 29.464h-45.147l1.434-4.848a35 35 0 0 1-10.16-24.615c0-17.235 12.463-31.55 28.866-34.452l-12.203 43.447l17.328 4.867l13.12-46.71l4.188-14.905zm26.048 76.078c14.414 11.826 33.446 30.675 48.047 40.774l-10.357 36.874l15.502 4.353c.257 1.342.64 2.682 1.195 4.014l68.957 90.68c7.848-6.045 12.38-.656 16.213 3.946a278 278 0 0 0 35.293-36.963l25.715 25.115c-57.415 70.63-144.954 115.828-242.91 115.828c-14.104 0-27.986-.958-41.6-2.773l8.913-30.674a27 27 0 0 0 1.903-4.247a281 281 0 0 0 30.785 1.693c59.417 0 114.406-18.63 159.466-50.377l-31.246-41.09c-27.794 19.263-60.113 32.44-95.024 37.605a26.82 26.82 0 0 1-25.87 19.88a26.82 26.82 0 0 1-25.35-18.155a226 226 0 0 1-10.805-1.12c1.67-5.84 3.352-11.68 5.036-17.52a204 204 0 0 0 6.05.604a26.8 26.8 0 0 1 3.17-6.046l-4.13-12.147c6.6-22.71 13.282-45.413 19.966-68.116h10.04l6.99 71.25a26.82 26.82 0 0 1 13.433 13.408c31.438-4.814 60.538-16.667 85.65-33.902l-80.82-106.278V152.27a54 54 0 0 0 5.79-7.155zm-132.066 3.14v78h-17.725v-78zm60.275 7v64H171.33v-64zm-96 0v64h-30v-64zm144 9v46h-30v-46zm94.25 1.19l17.327 4.867l-17.305 61.616l-17.33-4.867l8.312-29.593l1.507-5.367l7.487-26.655zm-286.25 5.81v32h-43v-32zm158.034 66l-37.312 127.388l8.14 15.27l-18.33 63.05l-62.273-20.6l20.455-62.324l17.303-7.13l34.225-115.656h37.79zm-64.802 7L129.43 290.52a207 207 0 0 0 23.953 13.482a9752 9752 0 0 0-5.123 17.428a225.4 225.4 0 0 1-29.32-16.38l-30.206 41.83a276.5 276.5 0 0 0 31.21 18.112c-4.116 11.318-7.75 22.83-11.378 34.344a314.2 314.2 0 0 1-82.527-57.244l22.86-27.674a277 277 0 0 0 18.405 16.53c2.902-3.237 8.592-5.312 12.445-2.37l60.887-84.324h22.2z"/></svg>How to use the Sextant icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:sextant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:sextant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:sextant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sextant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sextant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:sextant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/sextant.svg" alt="Sextant icon" width="24" height="24">Sextant icon in other icon sets
Sextant icon FAQ
Is the Sextant 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 Sextant icon in React?
Install @iconify/react and render <Icon icon="game-icons:sextant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sextant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/sextant.svg" alt="Sextant icon">, or paste the SVG code inline to style it with CSS.