Иконка Globe Smiley

gis:globe-smiley

Иконка Globe Smiley (gis:globe-smiley) — бесплатная SVG-иконка из набора Font-GIS от Jean-Marc Viglino. Она нарисована на сетке 100 × 100. Font-GIS icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Font-GIS
Автор: Jean-Marc Viglino
Лицензия: CC-BY-4.0
Размер: 100 × 100
Категория
Теги: globesmiley

Скачать SVG

Код SVG

<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>

Как использовать иконку Globe Smiley

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Globe Smiley

Можно ли бесплатно использовать иконку Globe Smiley в коммерческих проектах?

Да. Font-GIS icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Globe Smiley в React?

Установите @iconify/react и выведите <Icon icon="gis:globe-smiley" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Globe Smiley на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/gis/globe-smiley.svg" alt="Иконка Globe Smiley">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Font-GIS →