Иконка Map Duo
streamline-kameleon-color:map-duo
Иконка Map Duo (streamline-kameleon-color:map-duo) — бесплатная SVG-иконка из набора Kameleon color icons от Streamline. Она нарисована на сетке 48 × 48. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Kameleon color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Карты и путешествия
- Теги
- mapduo
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.997 47.998c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.745-24 24s10.745 24 24 24"/><path fill="#2e3ecd" d="m30.979 11.78l-6.982 3.49l-6.982-3.49l-6.982 3.49v22.691l6.982-3.49l6.982 3.49l6.982-3.49l6.981 3.49v-22.69z"/><path fill="#6bafff" d="m10.033 37.962l6.982-3.491V11.78l-6.982 3.49zm13.964 0l6.982-3.491V11.78l-6.982 3.49z"/><path fill="#6bafff" d="M12.086 30.96a.436.436 0 0 1-.288-.545s.096-.315.276-.84a.436.436 0 1 1 .825.282c-.173.506-.266.81-.267.814a.436.436 0 0 1-.546.289m19.9-4.91a.436.436 0 0 1-.134-.603c.278-.435.549-.918.805-1.435a.437.437 0 0 1 .782.387c-.27.545-.556 1.056-.85 1.518a.437.437 0 0 1-.603.133m-8.446-1.523c-.304-.667-.497-1.096-.706-1.533a.436.436 0 1 1 .787-.376c.212.443.413.888.713 1.547a.437.437 0 0 1-.794.362m-1.477-2.993c-.325-.536-.637-.943-.956-1.245a.436.436 0 1 1 .6-.634c.377.356.738.824 1.103 1.428a.436.436 0 1 1-.747.451m-4.112-1.712a.436.436 0 0 1 .15-.599c.593-.355 1.213-.527 1.89-.44a.437.437 0 0 1-.113.867c-.48-.063-.91.072-1.328.322a.436.436 0 0 1-.6-.15m15.63 3.22a.436.436 0 0 1-.248-.564c.186-.48.284-.79.285-.792a.436.436 0 0 1 .832.26c-.004.013-.106.338-.304.848a.437.437 0 0 1-.565.248m2.507-3.28l-1-1l1-1a.436.436 0 1 0-.617-.618l-1 1l-1.001-1a.436.436 0 1 0-.617.617l1 1l-1 1.001a.436.436 0 1 0 .617.617l1-1l1 1a.436.436 0 1 0 .618-.617"/><path fill="#2e3ecd" d="M12.086 30.96a.436.436 0 0 1-.288-.545s.096-.315.276-.84a.436.436 0 1 1 .825.282c-.173.506-.266.81-.267.814a.436.436 0 0 1-.546.289m14.454-2.1a.437.437 0 0 1 .434-.757c.424.243.886.296 1.349.23a.436.436 0 1 1 .121.865c-.682.096-1.299.009-1.904-.338m3.04-.467a.436.436 0 0 1 .126-.604c.397-.26.793-.61 1.177-1.041a.436.436 0 1 1 .653.58c-.436.49-.89.89-1.353 1.192a.436.436 0 0 1-.604-.127m-16.673.14a.437.437 0 0 1-.252-.563c.206-.54.42-1.074.636-1.587a.436.436 0 1 1 .804.34a48 48 0 0 0-.625 1.557a.436.436 0 0 1-.563.253m12.285-.95a11.4 11.4 0 0 1-.91-1.507a.436.436 0 1 1 .775-.402c.295.57.569 1.025.839 1.392a.436.436 0 0 1-.704.517m-10.993-2.181a.436.436 0 0 1-.207-.582c.258-.543.52-1.058.78-1.531a.437.437 0 0 1 .765.42a29 29 0 0 0-.757 1.486a.436.436 0 0 1-.581.207m1.585-2.992a.436.436 0 0 1-.122-.604a12 12 0 0 1 1.063-1.396a.437.437 0 0 1 .65.581c-.322.361-.654.798-.986 1.297a.437.437 0 0 1-.605.122m17.797.632a.436.436 0 0 1-.248-.564c.186-.48.284-.79.285-.792a.436.436 0 0 1 .832.26c-.004.013-.106.338-.304.848a.437.437 0 0 1-.565.248"/></g></svg>Как использовать иконку Map Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:map-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:map-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:map-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--map-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:map-duo"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:map-duo"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/map-duo.svg" alt="Иконка Map Duo" width="24" height="24">Похожие иконки в наборе Kameleon color icons
Иконка Map Duo в других наборах
Вопросы и ответы: Иконка Map Duo
Можно ли бесплатно использовать иконку Map Duo в коммерческих проектах?
Да. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Map Duo в React?
Установите @iconify/react и выведите <Icon icon="streamline-kameleon-color:map-duo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Map Duo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/map-duo.svg" alt="Иконка Map Duo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.