Иконка World Map
emojione:world-map
Иконка World Map (emojione:world-map) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Colored)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Путешествия
- Теги
- worldmap
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#dfe9ef" d="M21.6 56.6L2 58.2L8.1 5l19-1.2z"/><path fill="#bbc3c7" d="m43.4 62l-21.8-5.4l5.5-52.8l13.8 6z"/><path fill="#dfe9ef" d="M62 55.2L43.4 62L40.9 9.8l15-7.8z"/><path fill="#5df6ff" d="M22.1 52.1L6.8 53.3l4.7-44.8l15.2-.9z"/><path fill="#00c0cf" d="m43.2 58l-21.1-5.9l4.6-44.5l14.4 6z"/><path fill="#5df6ff" d="M57.9 52.5L43.2 58l-2.1-44.4L53 7.9z"/><g opacity=".7"><path fill="#f361f5" d="M21.6 36c-.3.1-.6.3-.8.5l.1.1C19 40.1 22 41.3 22 41.3c-1.2 6.1 1.3 8.1 1.3 8.1c-.6-4.6 3-7.6 3-7.6c1-4.7-3.3-5.6-4.7-5.8"/><path fill="#edba53" d="M20.4 35.6c-1.8-1.2-1.8-3.1-1.8-3.1c3 0 6.3-4.4 6.3-4.4c-2.2-7-3.1-1.1-3.1-1.1c-3.2-3.4.9-5 .9-5c-2.5-1-3.6-3.8-3.6-3.8c-.1 1.8-.9 1.7-.9 1.7c-5.7-3.1-6.7 1.9-6.7 1.9c.9 2.7-1 3-1 3c1.9.3 2.9-2.1 2.9-2.1c3.9 1.8 1.8 8.4 1.8 8.4c1.5.8 1.9 3.6 1.9 3.6c1.1.3 2.1.9 2.9 1.4c.1-.3.2-.4.4-.5"/><path fill="#eef8fb" d="M26.4 16.1s-1.7-1.1-4.5.6c0 0-.7 6.3 4.5-.6"/><path fill="#5f5cff" d="M30.6 17.5c-2.2-3.6-5.8 1.3-5.8 1.3c1.3 1 1.4 1.9 1.2 2.7c-.9 3 .3 3.9.3 3.9c.7-2.5 3.1-2.9 3.1-2.9c-.3-2.3 1.2-5 1.2-5"/><path fill="#ff7033" d="M36.7 33.7q-.3.15-.6 0c-.5-.5-.8-1.1-1.1-1.7c-.1-.1-.1-.2-.1-.3c-1.7-.6-5-1.2-5.5 3.4c0 0 .6 3.1 2.7 1.5c0 0 2.3.4 1.4 4.5c0 0 .4 3.2 2.4 2.9c0 0 .5-4.6 3.1-8.2c-.1.1-1.1 1.1-2.3-2.1"/><path fill="#6c732d" d="M53.3 18.1s-4.9 1.7-10.3 1.2c0 0 .5-1.6-1.4-1.8c0 0-2.5 3-1.4 4.7c0 0-.5 3-1.1-1.4c0 0-1 2.6-2.5 2c0 0-.4 2.6-1.3.9c0 0 .7.3.9-.5c0 0-2.1-2.1-3.3 1.1c0 0-1 .4-.6 1.8c0 0 .7-1.2 1.1.6c0 0 .4-.3.5-2.6c0 0 1-.5.2 1.4c0 0 2.2 0-1.2 1.9c0 0-.2 0-.3-.7c0 0-.5 1.7-1.6 2.3c0 0 .3.7-.5 1c0 0-.4 1.1.6 1.1c0 0 .9-2.5 2.6-.5c0 0 .3-.1-.2-1.1c0 0 .9.3 1.2 1.6c0 0 .5-.1.6-1.2c0 0 .7-1.5 1.8.3c0 0-1.5-.4-1.9 1c0 0 .7-.3 1.1.1c0 0 0 .7-.4.9c.2.3.4.7.7.9c.2.2.2.4.1.6c.8 1.3 2.2 2.9 3.3.3c0 0-1.4.7-1.8-1.3c0 0 3.5.4 4.4 3.9c0 0 1-.7 1.3-3c0 0 1.2.1 2.6 3c0 0 .6-.1.3-2c0 0 2.3-.9 1-4.6c0 0 1.9 2.5 1.3-.7c0 0 2.1-2.4-.4-4c0 0 .1-1.8 1.6-1.5c0 0 1.5-3.7.8.7c0 0 0 .9 1 1.8c0 0 .4-1.4-.3-3c.2-.2 1.7-2.9 1.5-5.2"/><path fill="#f361f5" d="M31.9 27.8c.4-.9-.9-1.8-.9-1.8q.3 3 .9 1.8m-1.6.1s.6-.1.5-.8c0 0-.5 0-.5.8m-.2-4.1s-1.6 0-1 .8c.5.7 1-.8 1-.8"/><path fill="#edff54" d="M38.2 42.5s.5-.9.5-2.4c0 0-1.6 1.7-.5 2.4"/><path fill="#eef8fb" d="M48.4 36.6s-1.1 1-.9 1.9s1.2-.2.9-1.9"/><path fill="#edff54" d="M53 39.8c.5-.8-2.7-1.8-2.7-1.8c.6.8 2.2 2.5 2.7 1.8"/><path fill="#f361f5" d="M49.3 39.9c.8-1.2-2.3-.6-2.3-.6s2 1.1 2.3.6"/><path fill="#f33" d="M50.5 40.2s-.6 1.3-2.9 1.8c0 0 .5 1 0 3c0 0 2.3-2.7 3.6 1.2c0 0 1.1.6 1.9-3c0 0-1-1.3-1.3-3.1c.1 0-.2 2.3-1.3.1m-1-8.7s2.6-.9 1.5-3c.1-.1.3-.2.3-.2c-1.1-1.7-.7.7-.7.7c.1-.2.2-.3.2-.4c0 .8-.1 1.9-1.3 2.9m-26.9-8s1.9 2.7 2.1-.3c.1-.7-.2-.8-.5-.8c-.1-2-1.5-2.6-1.5-2.6c-.9.5-.8 1.2-.8 1.2c.8.1 1.3 1.1 1.6 1.9c-.1.3-.4.6-.9.6"/><path fill="#edff54" d="M31.3 15.9c.6-1.2-1.2-2.6-1.2-2.6c.2 2.9.6 3.8 1.2 2.6"/><path fill="#fff" d="M29.8 14.8s-.7.1-.7 1.2c0 0 .9-.1.7-1.2"/></g></svg>
Как использовать иконку World Map
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:world-map" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:world-map" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:world-map" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--world-map]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:world-map"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:world-map"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/world-map.svg" alt="Иконка World Map" width="24" height="24">
Иконка World Map в других наборах
Вопросы и ответы: Иконка World Map
Можно ли бесплатно использовать иконку World Map в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку World Map в React?
Установите @iconify/react и выведите <Icon icon="emojione:world-map" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку World Map на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/world-map.svg" alt="Иконка World Map">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Colored) →
ICONYZ
