Иконка Search Map

gis:search-map

Иконка Search Map (gis:search-map) — бесплатная SVG-иконка из набора Font-GIS от Jean-Marc Viglino. Она нарисована на сетке 100 × 100. Font-GIS icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Font-GIS
Автор: Jean-Marc Viglino
Лицензия: CC-BY-4.0
Размер: 100 × 100
Категория
Теги: searchmap

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M36.277 13.297c-6.698 0-12.185 5.471-12.185 12.15c0 2.588.825 4.994 2.224 6.971l8.473 11.494c1.187 1.55 1.978 1.256 2.965-.082l9.348-12.75a7 7 0 0 0 .464-1.074c.577-1.41.897-2.95.897-4.559c0-6.679-5.487-12.15-12.186-12.15m0 5.693c3.607 0 6.477 2.86 6.477 6.457s-2.87 6.46-6.477 6.46s-6.476-2.863-6.476-6.46s2.87-6.457 6.476-6.457" color="currentColor"/><path fill="currentColor" d="M37.18.178c-9.53 0-19.061 3.623-26.309 10.87c-14.495 14.496-14.495 38.123 0 52.618C24.44 77.234 45.97 78.032 60.557 66.193l3.576 3.577a3.956 5.958 45 0 0 .646 3.613L90.73 99.334a3.956 5.958 45 0 0 7.01-1.416a3.956 5.958 45 0 0 1.416-7.01l-25.95-25.951a3.956 5.958 45 0 0-3.616-.646l-3.576-3.577c11.839-14.587 11.043-36.117-2.526-49.685C56.241 3.8 46.71.178 37.18.178m0 8.217c7.397 0 14.795 2.834 20.463 8.501a28.875 28.875 0 0 1 0 40.924a28.875 28.875 0 0 1-40.924 0a28.875 28.875 0 0 1 0-40.924c5.667-5.667 13.064-8.501 20.46-8.501" color="currentColor"/><path fill="currentColor" d="M29.727 52.003L19.439 55.38a25.53 25.53 0 0 0 16.102 7.119zm32.765-10.75l-25.476 8.36l6.705 12.1a25.6 25.6 0 0 0 9.828-5.054a25.54 25.54 0 0 0 8.943-15.406M11.674 34.38a25.53 25.53 0 0 0 2.94 14.65l9.52-3.123zm48.328-9.234l-5.303 10.732l7.916-2.596a25.5 25.5 0 0 0-2.613-8.136" color="currentColor"/></svg>

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

React

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

<Icon icon="gis:search-map" width="24" />

Vue

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

<template>
  <Icon icon="gis:search-map" width="24" />
</template>

Svelte

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

<Icon icon="gis:search-map" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="gis:search-map"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Font-GIS →