Иконка Map Pin Heart Fill

keyline-icons:map-pin-heart-fill

Иконка Map Pin Heart Fill (keyline-icons:map-pin-heart-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: mappin, pinheart, heartfill, mappinheartfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.7082 16L12.7454 22.6667C12.5556 22.8788 12.2846 23 12 23C11.7154 23 11.4444 22.8788 11.2546 22.6667L5.2918 16C3.8159 14.3499 3 12.2138 3 10C3 5.0294 7.0294 1 12 1C16.9706 1 21 5.0294 21 10C21 12.2138 20.1841 14.3499 18.7082 16ZM11.3505 15.6014C11.5316 15.756 11.7619 15.841 12 15.841C12.2381 15.841 12.4684 15.756 12.6495 15.6014C14.1662 14.3059 16.99 12.5506 16.99 9.9533C16.99 8.0941 15.43 6.659 13.596 6.659C13.0124 6.659 12.4769 6.8056 12 7.059C11.5231 6.8056 10.9876 6.659 10.404 6.659C8.57 6.659 7.01 8.0941 7.01 9.9533C7.01 12.5506 9.8338 14.3059 11.3505 15.6014Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="keyline-icons:map-pin-heart-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:map-pin-heart-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:map-pin-heart-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--map-pin-heart-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:map-pin-heart-fill"></div>

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

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

<iconify-icon icon="keyline-icons:map-pin-heart-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/map-pin-heart-fill.svg" alt="Иконка Map Pin Heart Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →