Globe Outline icon

solar:globe-outline

The Globe Outline icon (solar:globe-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar 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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Map
Tags: globeoutline, globus outline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.0035 1.49982C18.2797 1.19118 18.7539 1.16491 19.0625 1.44116C21.3246 3.4658 22.75 6.41044 22.75 9.687C22.75 15.4384 18.3612 20.1647 12.75 20.6996V21.25H14C14.4142 21.25 14.75 21.5858 14.75 22C14.75 22.4142 14.4142 22.75 14 22.75H10C9.58579 22.75 9.25001 22.4142 9.25001 22C9.25001 21.5858 9.58579 21.25 10 21.25H11.25V20.7415C8.14923 20.621 5.37537 19.2236 3.44116 17.0625C3.16491 16.7539 3.19118 16.2797 3.49982 16.0035C3.80847 15.7272 4.28261 15.7535 4.55886 16.0622C6.31098 18.0198 8.85483 19.25 11.687 19.25C16.9685 19.25 21.25 14.9685 21.25 9.687C21.25 6.85483 20.0198 4.31098 18.0622 2.55886C17.7535 2.28261 17.7272 1.80847 18.0035 1.49982ZM7.2218 5.97099C6.30349 7.05894 5.75001 8.46484 5.75001 10C5.75001 13.4518 8.54823 16.25 12 16.25C12.0963 16.25 12.192 16.2478 12.2872 16.2435C12.2005 15.6345 12.2439 14.8905 12.6285 14.1657C13.1159 13.2472 14.1093 12.8691 14.7862 12.7027C15.1485 12.6137 15.4829 12.57 15.7251 12.5483C15.8471 12.5373 15.948 12.5317 16.0202 12.5289C16.0564 12.5274 16.0855 12.5267 16.1067 12.5263L16.1324 12.5259L16.1377 12.5259C16.8873 12.5181 17.3089 12.3432 17.5563 12.1648C17.8046 11.9857 17.9513 11.7499 18.0576 11.485C18.0669 11.4618 18.0772 11.4394 18.0885 11.4176C18.1942 10.9622 18.25 10.4876 18.25 10C18.25 8.31604 17.584 6.78762 16.5011 5.66377C16.3786 6.02084 16.2225 6.35649 16.0597 6.61271C15.8488 6.94459 15.4509 7.26677 15.143 7.49617C14.9312 7.65397 14.7121 7.78702 14.5199 7.90192C14.4965 7.91589 14.4736 7.92956 14.451 7.943C14.2793 8.04543 14.1309 8.13396 13.9881 8.23182C13.6814 8.44195 13.4566 8.65882 13.3044 8.98436C13.2636 9.07161 13.2596 9.15859 13.2878 9.26509C13.3463 9.48633 13.3867 9.73647 13.3873 9.99317C13.3901 11.1142 12.3502 11.7596 11.4915 11.7499C9.50666 11.7274 8.33638 10.0614 8.18391 8.30154C8.11154 7.46619 7.68135 6.6229 7.2218 5.97099ZM8.32838 4.94163C8.91808 5.73757 9.56822 6.90135 9.67831 8.17207C9.78839 9.44264 10.5469 10.2391 11.5085 10.25C11.6091 10.2511 11.7211 10.211 11.8005 10.1446C11.8744 10.0828 11.8874 10.03 11.8873 9.9969C11.887 9.89046 11.8696 9.76932 11.8377 9.64899C11.7401 9.28039 11.7249 8.82078 11.9456 8.34889C12.2508 7.69642 12.7046 7.29293 13.1403 6.99441C13.325 6.86785 13.5165 6.75371 13.6839 6.65396C13.7065 6.64051 13.7287 6.62731 13.7503 6.61439C13.9415 6.50008 14.1022 6.40111 14.2468 6.29334C14.5712 6.05161 14.7501 5.87677 14.7936 5.80831C14.9625 5.54254 15.1509 5.06019 15.2218 4.64333C14.281 4.07624 13.1786 3.75001 12 3.75001C10.628 3.75001 9.35921 4.19211 8.32838 4.94163ZM16.8186 13.9807C16.6101 14.0081 16.3885 14.0234 16.1533 14.0258L16.1455 14.0259L16.1347 14.026C16.1233 14.0263 16.1046 14.0267 16.0795 14.0277C16.0291 14.0297 15.9533 14.0338 15.8591 14.0423C15.6691 14.0593 15.4133 14.0932 15.1443 14.1594C14.5587 14.3033 14.1248 14.5459 13.9535 14.8688C13.7528 15.247 13.7256 15.6562 13.767 15.9967C14.9773 15.6407 16.035 14.9282 16.8186 13.9807ZM4.25001 10C4.25001 5.7198 7.7198 2.25001 12 2.25001C16.2802 2.25001 19.75 5.7198 19.75 10C19.75 14.2802 16.2802 17.75 12 17.75C7.7198 17.75 4.25001 14.2802 4.25001 10Z" clip-rule="evenodd"/></svg>

How to use the Globe Outline icon

React

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

<Icon icon="solar:globe-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:globe-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:globe-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--globe-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:globe-outline"></div>

Web component

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

<iconify-icon icon="solar:globe-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/globe-outline.svg" alt="Globe Outline icon" width="24" height="24">

Related icons in Solar

Globe Outline icon in other icon sets

Globe Outline icon FAQ

Is the Globe Outline icon free for commercial use?

Yes. Solar 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 Outline icon in React?

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

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

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

Browse all Solar icons →