Gps icon

game-icons:gps

The Gps icon (game-icons:gps) 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="M25 57v398h462V57zm30 30h306v338H55zm78.94 18l10.042 27.62L73 122.48v18.182l77.957 11.14l36.223 99.612l24.806-37.12L172.244 105zM278 105v18h64v-18zm0 32v18h64v-18zm106 39h82v48h-82zm18 18v12h46v-12zm-59 28.666l-115.803 22.107l7.26 16.936L343 240.99zM384 240h82v48h-82zm-174.178 9.928l-57.314 85.77l48.18-11.243l49.18 18.893zM402 258v12h46v-12zm23.646 53c22.538 0 41 18.463 41 41s-18.462 41-41 41c-22.537 0-41-18.463-41-41s18.463-41 41-41m0 18c-12.81 0-23 10.19-23 23s10.19 23 23 23s23-10.19 23-23s-10.19-23-23-23m-226.25 14.24l-17.777 4.15L176.2 407h36.146l5.164-56.8l-18.115-6.96z"/></svg>

How to use the Gps icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Gps icon in other icon sets

Gps icon FAQ

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

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

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

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

Browse all Game Icons →