Иконка Map Point Search Bold

solar:map-point-search-bold

Иконка Map Point Search Bold (solar:map-point-search-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Карта
Теги: mappoint, pointsearch, searchbold, mappointsearchbold

Скачать 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="M12 2C7.58172 2 4 5.64588 4 10.1433C4 14.6055 6.55332 19.8124 10.5371 21.6744C11.4657 22.1085 12.5343 22.1085 13.4629 21.6744C17.4467 19.8124 20 14.6055 20 10.1433C20 5.64588 16.4183 2 12 2ZM8.25 10C8.25 7.92893 9.92893 6.25 12 6.25C14.0711 6.25 15.75 7.92893 15.75 10C15.75 10.7628 15.5217 11.4731 15.1304 12.0653L16.0317 12.9715C16.3238 13.2652 16.3225 13.7401 16.0288 14.0322C15.7351 14.3243 15.2602 14.323 14.9681 14.0293L14.0706 13.1268C13.4774 13.5203 12.7651 13.75 12 13.75C9.92893 13.75 8.25 12.0711 8.25 10ZM9.75 10C9.75 8.75736 10.7574 7.75 12 7.75C13.2426 7.75 14.25 8.75736 14.25 10C14.25 10.6202 14.0001 11.1806 13.5937 11.5883C13.1854 11.9979 12.6229 12.25 12 12.25C10.7574 12.25 9.75 11.2426 9.75 10Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:map-point-search-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:map-point-search-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:map-point-search-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--map-point-search-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:map-point-search-bold"></div>

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

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

<iconify-icon icon="solar:map-point-search-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/map-point-search-bold.svg" alt="Иконка Map Point Search Bold" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →