Globe Gear icon
gis:globe-gear
The Globe Gear icon (gis:globe-gear) is a free SVG icon from the Font-GIS set by Jean-Marc Viglino. It is drawn on a 100 × 100 grid. Font-GIS icons are released under the CC BY 4.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
- Font-GIS
- Author
- Jean-Marc Viglino
- License
- CC-BY-4.0
- Size
- 100 × 100
- Category
- Tags
- globegear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M42.5 0A2.5 2.5 0 0 0 40 2.5v9.283a39.3 39.3 0 0 0-9.936 4.139l-6.58-6.58a2.5 2.5 0 0 0-3.537 0L9.342 19.947a2.5 2.5 0 0 0 0 3.537l6.582 6.582A39.3 39.3 0 0 0 11.787 40H2.5A2.5 2.5 0 0 0 0 42.5v15A2.5 2.5 0 0 0 2.5 60h9.287a39.3 39.3 0 0 0 4.137 9.934l-6.582 6.582a2.5 2.5 0 0 0 0 3.537l10.605 10.605a2.5 2.5 0 0 0 3.537 0l6.58-6.58A39.3 39.3 0 0 0 40 88.2v9.3a2.5 2.5 0 0 0 2.5 2.5h15a2.5 2.5 0 0 0 2.5-2.5v-9.287a39 39 0 0 0 9.926-4.145l6.59 6.59c.976.976 2.56.976 3.537 0l10.605-10.605a2.5 2.5 0 0 0 0-3.537l-6.62-6.621A39.4 39.4 0 0 0 88.144 60H97.5a2.5 2.5 0 0 0 2.5-2.5v-15a2.5 2.5 0 0 0-2.5-2.5h-9.355a39.4 39.4 0 0 0-4.106-9.896l6.62-6.62a2.5 2.5 0 0 0 0-3.537L80.052 9.342a2.5 2.5 0 0 0-1.768-.733a2.5 2.5 0 0 0-1.77.733l-6.59 6.59A39.2 39.2 0 0 0 60 11.805V2.5A2.5 2.5 0 0 0 57.5 0zM50 17.5c17.99 0 32.5 14.51 32.5 32.5S67.99 82.5 50 82.5S17.5 67.99 17.5 50S32.01 17.5 50 17.5" color="currentColor"/><path fill="currentColor" d="M51.697 19.5v13.798h12c-.67-1.93-1.446-3.71-2.314-5.297c-2.692-4.922-6.11-7.888-9.686-8.501m-3.394.135c-3.347.836-6.524 3.733-9.057 8.366c-.868 1.587-1.644 3.367-2.314 5.297h11.37zm-7.82.925c-6.786 2.233-12.516 6.788-16.273 12.738h9.134c.806-2.526 1.787-4.86 2.927-6.946c1.217-2.224 2.634-4.185 4.212-5.792m19.965.316c1.456 1.547 2.77 3.395 3.909 5.476c1.14 2.085 2.12 4.42 2.924 6.946h8.51c-3.586-5.677-8.963-10.09-15.343-12.422M22.34 36.716a30.8 30.8 0 0 0-2.84 11.367h11.398c.131-4.014.65-7.839 1.495-11.367zm13.56 0c-.896 3.47-1.46 7.31-1.604 11.367h14.007V36.716Zm15.797 0v11.367h14.636c-.144-4.056-.708-7.897-1.605-11.367Zm16.534 0c.844 3.529 1.36 7.354 1.492 11.367H80.5a30.8 30.8 0 0 0-2.84-11.367ZM19.5 51.5a30.8 30.8 0 0 0 2.84 11.367h9.893c-.797-3.539-1.267-7.365-1.354-11.367zm14.773 0c.096 4.043.612 7.88 1.458 11.367h12.572V51.5Zm17.424 0v11.367h13.201c.845-3.487 1.362-7.324 1.457-11.367zm18.042 0c-.088 4.002-.554 7.828-1.349 11.367h9.27A30.8 30.8 0 0 0 80.5 51.5Zm-45.53 14.784c3.589 5.682 8.971 10.096 15.357 12.427c-1.212-1.4-2.319-3.012-3.295-4.796c-1.242-2.273-2.3-4.84-3.143-7.63zm12.488 0c.72 2.197 1.579 4.21 2.549 5.982c2.375 4.344 5.317 7.16 8.434 8.185c.207.016.414.037.623.048V66.285Zm15 0V80.5q.727-.04 1.444-.11c3.045-1.077 5.915-3.868 8.242-8.123c.97-1.773 1.828-3.785 2.548-5.982zm15.801 0c-.841 2.792-1.898 5.358-3.141 7.63a28 28 0 0 1-2.978 4.428A30.64 30.64 0 0 0 75.79 66.285z" color="currentColor"/></svg>
How to use the Globe Gear icon
React
import { Icon } from "@iconify/react";
<Icon icon="gis:globe-gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:globe-gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:globe-gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--globe-gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:globe-gear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:globe-gear"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/gis/globe-gear.svg" alt="Globe Gear icon" width="24" height="24">
Related icons in Font-GIS
Globe Gear icon FAQ
Is the Globe Gear icon free for commercial use?
Yes. Font-GIS icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Globe Gear icon in React?
Install @iconify/react and render <Icon icon="gis:globe-gear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Globe Gear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gis/globe-gear.svg" alt="Globe Gear icon">, or paste the SVG code inline to style it with CSS.
Browse all Font-GIS icons →
ICONYZ
