Search Map アイコン

Q: Search Map アイコンは商用利用でも無料ですか?

はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

gis:search-map

Search Map アイコン(gis:search-map)は、Font-GIS セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

Font-GIS の関連アイコン

Search Map アイコンのよくある質問

Search Map アイコンは商用利用でも無料ですか?

はい。Font-GIS icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Search Map アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font-GIS アイコンをすべて見る →