ICONYZ
English
Globe Smiley icon from Font-GIS

Globe Smiley icon

gis:globe-smiley

The Globe Smiley icon (gis:globe-smiley) 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
globesmiley
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M74.063 0C59.77 0 48.125 11.646 48.125 25.938c0 14.29 11.646 25.937 25.938 25.937c14.29 0 25.937-11.646 25.937-25.937S88.354 0 74.063 0m0 5.764a20.13 20.13 0 0 1 20.173 20.174A20.13 20.13 0 0 1 74.062 46.11A20.13 20.13 0 0 1 53.89 25.938A20.13 20.13 0 0 1 74.062 5.764m-7.626 11.12a4.43 4.43 0 0 0-4.431 4.432a4.43 4.43 0 0 0 4.432 4.432a4.43 4.43 0 0 0 4.431-4.432a4.43 4.43 0 0 0-4.431-4.431m15.25 0a4.43 4.43 0 0 0-4.431 4.432a4.43 4.43 0 0 0 4.432 4.432a4.43 4.43 0 0 0 4.431-4.432a4.43 4.43 0 0 0-4.431-4.431M65.804 32.608a2.433 2.433 0 0 0-1.428 4.368c2.499 1.963 5.905 2.918 9.525 2.98s7.093-.785 9.725-2.621a2.433 2.433 0 1 0-2.785-3.99c-1.476 1.03-4.108 1.793-6.858 1.746s-5.279-.904-6.6-1.942a2.43 2.43 0 0 0-1.58-.54" color="currentColor"/><path fill="currentColor" d="M49.947 0C22.354.03 0 22.406 0 50c0 27.614 22.386 50 50 50s50-22.386 50-50a50 50 0 0 0-.686-7.895c-3.199 4.61-6.618 7.927-11.066 10.395h6.68a44.8 44.8 0 0 1-4.184 16.63H77.09c.964-4.262 1.593-8.813 1.86-13.554a30 30 0 0 1-5.013.278c-.3 4.685-.985 9.151-1.992 13.277H52.5V52.5h8.05c-5.572-2.86-10.218-7.131-13.05-12.48v7.48H26.867c.212-5.935 1.043-11.554 2.363-16.63h15.108a26.6 26.6 0 0 1-.371-5H30.75c.988-2.824 2.13-5.43 3.408-7.75C37.89 11.34 42.571 7.101 47.5 5.878v6.588C49.964 7.759 53.589 3.639 57.965.695A50 50 0 0 0 50 0ZM35.98 7.232c-2.324 2.352-4.41 5.22-6.203 8.475c-1.68 3.05-3.125 6.467-4.312 10.162H12.01c5.535-8.706 13.975-15.37 23.97-18.637M9.256 30.87h14.808c-1.245 5.162-2.008 10.76-2.203 16.631H5.072a44.8 44.8 0 0 1 4.184-16.63M5.072 52.5h16.762c.129 5.856.82 11.454 1.994 16.63H9.256A44.8 44.8 0 0 1 5.072 52.5m21.762 0H47.5v16.63H28.98c-1.245-5.1-2.006-10.715-2.146-16.63M12.01 74.13h13.136c1.242 4.085 2.8 7.84 4.631 11.165c1.438 2.61 3.068 4.969 4.854 7.017c-9.407-3.41-17.336-9.869-22.621-18.181m18.394 0H47.5v20.798c-.308-.017-.612-.048-.918-.07c-4.59-1.5-8.924-5.62-12.424-11.975c-1.428-2.594-2.692-5.537-3.754-8.752m22.096 0h18.021c-1.06 3.216-2.325 6.159-3.753 8.753c-3.428 6.225-7.656 10.308-12.141 11.883a46 46 0 0 1-2.127.162zm23.275 0H87.99a45.06 45.06 0 0 1-21.228 17.641c1.604-1.92 3.075-4.094 4.386-6.476c1.831-3.325 3.388-7.08 4.627-11.164" color="currentColor"/></svg>

How to use the Globe Smiley icon

React

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

<Icon icon="gis:globe-smiley" width="24" />

Vue

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

<template>
  <Icon icon="gis:globe-smiley" width="24" />
</template>

Svelte

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

<Icon icon="gis:globe-smiley" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="gis:globe-smiley"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/gis/globe-smiley.svg" alt="Globe Smiley icon" width="24" height="24">

Related icons in Font-GIS

Globe Smiley icon FAQ

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

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

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

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

Browse all Font-GIS icons →