Иконка Map Pin Off 48

energy-icons:map-pin-off-48

Иконка Map Pin Off 48 (energy-icons:map-pin-off-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Energy Icons
Автор: Sam Passmore
Лицензия: MIT
Размер: 48 × 48
Теги: mappin, pinoff, mappinoff

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M9 18c0-1.007.1-1.992.293-2.945a1 1 0 0 1 1.96.394A13 13 0 0 0 11 18c0 5.67 3.337 11.952 6.82 16.927a72 72 0 0 0 4.745 6.04a64 64 0 0 0 1.434 1.585c.35-.375.818-.88 1.364-1.503a73 73 0 0 0 4.625-5.85a1 1 0 0 1 1.633 1.156a74 74 0 0 1-6.313 7.729q-.285.3-.44.459l-.117.12l-.044.044a1 1 0 0 1-1.414 0L24 44l-.707.707l-.045-.045a28 28 0 0 1-.577-.602a65 65 0 0 1-1.611-1.777a74 74 0 0 1-4.88-6.21C12.664 31.048 9 24.33 9 18m28 0c0-7.148-5.852-13-13-13c-3.812 0-7.258 1.663-9.645 4.308a1 1 0 1 1-1.484-1.34C15.618 4.925 19.594 3 24 3c8.252 0 15 6.748 15 15c0 4.083-1.523 8.308-3.516 12.107a1 1 0 1 1-1.77-.928C35.639 25.509 37 21.619 37 18"/><path fill="currentColor" d="M28 18a4 4 0 0 0-7.206-2.392a1 1 0 1 1-1.602-1.197a6 6 0 1 1 8.397 8.397a1 1 0 1 1-1.198-1.602A4 4 0 0 0 28 18M5.293 5.293a1 1 0 0 1 1.414 0l36 36a1 1 0 1 1-1.414 1.414l-36-36a1 1 0 0 1 0-1.414"/></svg>

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

React

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

<Icon icon="energy-icons:map-pin-off-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:map-pin-off-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:map-pin-off-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--map-pin-off-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:map-pin-off-48"></div>

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

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

<iconify-icon icon="energy-icons:map-pin-off-48"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/energy-icons/map-pin-off-48.svg" alt="Иконка Map Pin Off 48" width="24" height="24">

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

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

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

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

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

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

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

Все Energy Icons →