ICONYZ
English
Globe Cog Sharp icon from Keyline Icons

Globe Cog Sharp icon

keyline-icons:globe-cog-sharp

The Globe Cog Sharp icon (keyline-icons:globe-cog-sharp) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Keyline Icons
Author
Keyline Icons
License
MIT
Size
24 × 24
Tags
globecog, cogsharp, globecogsharp
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10.8903 21.9391C5.8896 21.387 2 17.1477 2 12C2 6.4771 6.4771 2 12 2C17.1477 2 21.387 5.8896 21.9391 10.8903M2 12L11 12M10.144 19.4911C8.7147 17.1249 8 14.5625 8 12C8 8.5 9.3333 5 12 2C14.3927 4.6918 15.712 7.7862 15.9578 10.9218M20.6667 18C20.6667 19.4728 19.4728 20.6667 18 20.6667C16.5272 20.6667 15.3333 19.4728 15.3333 18C15.3333 16.5272 16.5272 15.3333 18 15.3333C19.4728 15.3333 20.6667 16.5272 20.6667 18ZM20.99 18L23 18M20.1142 20.1142L21.5355 21.5355M18 20.99L18 23M15.8858 20.1142L14.4645 21.5355M15.01 18L13 18M15.8858 15.8858L14.4645 14.4645M18 15.01L18 13M20.1142 15.8858L21.5355 14.4645"/></svg>

How to use the Globe Cog Sharp icon

React

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

<Icon icon="keyline-icons:globe-cog-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:globe-cog-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:globe-cog-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--globe-cog-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:globe-cog-sharp"></div>

Web component

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

<iconify-icon icon="keyline-icons:globe-cog-sharp"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp.svg" alt="Globe Cog Sharp icon" width="24" height="24">

Related icons in Keyline Icons

Globe Cog Sharp icon FAQ

Is the Globe Cog Sharp icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Globe Cog Sharp icon in React?

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

How do I add the Globe Cog Sharp icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp.svg" alt="Globe Cog Sharp icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →