Map Search アイコン

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

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

gis:map-search

Map Search アイコン(gis:map-search)は、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
カテゴリ
タグ: mapsearch

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M34.19 5a2.5 2.5 0 0 0-1.077.232L1.447 19.943A2.5 2.5 0 0 0 0 22.211V92.5a2.5 2.5 0 0 0 3.553 2.268l30.613-14.221l30.613 14.22a2.5 2.5 0 0 0 2.108 0l15.44-7.171l6.562 11.365a2.633 3.965 60 0 0 4.75.297a2.633 3.965 60 0 0 2.117-4.262l-6.21-10.756l9.007-4.183A2.5 2.5 0 0 0 100 77.789V7.5a2.5 2.5 0 0 0-3.553-2.268L65.834 19.453L35.221 5.233A2.5 2.5 0 0 0 34.189 5m1.456 5.943l28.676 13.323l-.006.892a24.6 24.6 0 0 0-11.558 3.293c-11.815 6.822-15.884 22.01-9.063 33.824c4.375 7.578 12.184 11.944 20.34 12.303l-.082 14.293L35.277 75.55zm-3 .02l-.37 64.95L5 88.581V23.807zM95 11.418v64.777l-7.963 3.7l-3.494-6.051a2.633 3.965 60 0 0-2.211-1.04l-1.684-2.913c10.124-7.339 13.321-21.318 6.936-32.377c-3.41-5.908-8.914-9.878-15.041-11.52a25 25 0 0 0-4.227-.744l.006-.975zM64.63 30.627a19.2 19.2 0 0 1 5.497.65a19.2 19.2 0 0 1 11.691 8.99a19.216 19.216 0 0 1-7.048 26.307a19.22 19.22 0 0 1-26.31-7.049a19.22 19.22 0 0 1 7.05-26.308a19.24 19.24 0 0 1 9.12-2.59M75.2 72.459l1.683 2.916a2.633 3.965 60 0 0-.207 2.434l3.14 5.439l-12.865 5.977l.084-14.7A24.6 24.6 0 0 0 75.2 72.46" color="currentColor"/></svg>

Map Search アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/map-search.svg" alt="Map Search アイコン" width="24" height="24">

Font-GIS の関連アイコン

他のアイコンセットの Map Search アイコン

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

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

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

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

@iconify/react をインストールして <Icon icon="gis:map-search" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Map Search アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/map-search.svg" alt="Map Search アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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