Search Layer アイコン

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

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

gis:search-layer

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M28.135 0a3.5 3.5 0 0 0-2.668 1.234L.832 30.25a3.5 3.5 0 0 0 2.67 5.766l35.062-.024c5.116-7.573 13.964-12.447 23.1-12.71a29.8 29.8 0 0 1 9.52 1.234c6.36 1.837 11.933 6.014 15.683 11.441l9.635-.006a3.5 3.5 0 0 0 2.666-5.765L74.59 1.234A3.5 3.5 0 0 0 71.922 0zm61.5 40.955c.306.714.594 1.437.84 2.176c1.6 4.645 1.909 9.677 1.046 14.5l4.981-.004a3.5 3.5 0 0 0 2.666-5.766L89.91 40.955zm-70.348.049l-9.187.008L.832 51.926a3.5 3.5 0 0 0 2.67 5.765l30.383-.021a29.5 29.5 0 0 1-.358-7l-22.459.016zm59.01 9.637l-31.125.02a15.5 15.5 0 0 0 .369 5.804q.152.606.355 1.195l29.676-.02a16.1 16.1 0 0 0 .725-7m-59.01 11.957l-9.187.007L.832 73.52a3.5 3.5 0 0 0 2.67 5.765l47.207-.033c-3.646-1.63-6.93-4.042-9.623-6.992l-30.018.02zm70.828.193a28.7 28.7 0 0 1-3.527 6.662l2.355 2.774h-1.158c1.811 2.319 3.6 4.654 5.383 6.996l3.334-.002a3.5 3.5 0 0 0 2.666-5.766z" color="currentColor"/><path fill="currentColor" d="M66.129 27.495c-6.422-.87-13.175.702-18.72 4.925c-11.09 8.444-13.247 24.366-4.802 35.456c7.905 10.38 22.34 12.883 33.25 6.237l2.083 2.736a2.69 4.051 52.712 0 0 .106 2.494l15.12 19.855a2.69 4.051 52.712 0 0 4.852-.314a2.69 4.051 52.712 0 0 1.594-4.595l-15.12-19.855a2.69 4.051 52.712 0 0-2.376-.765l-2.084-2.737c9.31-8.75 10.737-23.33 2.833-33.71c-4.223-5.546-10.314-8.857-16.736-9.727m-.75 5.537a19.62 19.62 0 0 1 13.013 7.596a19.635 19.635 0 0 1-3.735 27.577a19.635 19.635 0 0 1-27.576-3.735a19.635 19.635 0 0 1 3.734-27.576a19.6 19.6 0 0 1 14.564-3.862" color="currentColor"/></svg>

Search Layer アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Font-GIS の関連アイコン

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

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

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

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

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

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

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

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