Иконка Map

fontisto:map

Иконка Map (fontisto:map) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 28 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 28 × 24
Категория: Интерфейсы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24"><path fill="currentColor" d="m26.602 23.85l-6.066-4.073l-6.073 4.073c-.132.091-.295.145-.472.145s-.34-.054-.474-.147l.003.002l-6.068-4.073l-6.067 4.073a.84.84 0 0 1-.928.011l.003.002a1.06 1.06 0 0 1-.46-.874v-.021v.001V5.393c0-.352.173-.663.439-.853l.003-.002L6.983.146c.132-.091.295-.145.472-.145s.34.054.474.147L7.926.146l6.066 4.073L20.059.146c.132-.091.295-.145.472-.145s.34.054.474.147l-.003-.002l6.541 4.392c.266.189.438.497.438.844l-.001.038v-.002v17.581c0 .361-.182.679-.459.869l-.004.002a.83.83 0 0 1-.45.131a.86.86 0 0 1-.472-.152l.003.002zM2 6.056v15.101l4.436-3.086V2.97zm12.993 15.045l4.56-3.062v-6.823c-.044.044-.08.087-.118.131q-.169.198-.338.387l-.75-.662q.16-.186.331-.381c.175-.194.35-.4.538-.606l.331.3V2.938L14.986 6v7.017a4 4 0 0 0 .435-.047l-.023.003l.16.987a7 7 0 0 1-.531.056h-.031zm-6.56-3.055l4.56 3.055V12.96l-.262.8a5.7 5.7 0 0 1-1.316-.625l.022.013l.531-.85c.295.191.633.358.991.483l.034.01V5.999l-4.56-3.061v6.304c.296.157.545.312.783.483l-.02-.014l-.581.812c-.056-.044-.118-.08-.181-.125zM22.246 9.28a3.6 3.6 0 0 0-.716.234l.023-.009v8.575l4.429 3.02V5.994l-4.436-3.033v5.467c.129-.044.297-.089.468-.125l.032-.006zm-5.735 3.348c.37-.184.689-.405.972-.665l-.003.003l.662.75a5.2 5.2 0 0 1-1.164.798l-.03.014zm-6.923-1.124c-.056-.075-.118-.144-.181-.218l.762-.65l.187.225c.218.256.418.5.64.72l-.687.725a10 10 0 0 1-.711-.782l-.014-.018zm-6.379.24l.013-.05c.136-.487.333-.912.586-1.297l-.011.017l.825.56c-.188.295-.34.636-.438 1L4.178 12l-.018.056zM24.114 9.7l-.64.65l-.712-.712l.65-.64l-.65-.64l.712-.712l.64.65l.64-.65l.712.712l-.65.64l.65.64l-.712.712zM4.497 9.53a3.5 3.5 0 0 1 .689-.509l.018-.009c.169-.093.368-.18.574-.249l.025-.007l.306.95c-.15.044.075.038-.062.113c-.334.132-.62.281-.888.456l.019-.012z"/></svg>

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

React

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

<Icon icon="fontisto:map" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:map" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:map" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--map]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:map"></div>

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

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

<iconify-icon icon="fontisto:map"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fontisto/map.svg" alt="Иконка Map" width="24" height="24">

Иконка Map в других наборах

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

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

Да. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Fontisto →