Coord Grid アイコン
gis:coord-grid
Coord Grid アイコン(gis:coord-grid)は、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
- カテゴリ
- タグ
- coordgrid
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="M23.584 47.441a3.5 3.5 0 0 0-2.393 1.024l-4.949 4.95a3.5 3.5 0 0 0 0 4.948l7.746 7.746l-7.746 7.746a3.5 3.5 0 0 0 0 4.95l4.95 4.95a3.5 3.5 0 0 0 4.95 0l7.747-7.743l7.744 7.744a3.5 3.5 0 0 0 4.951 0l4.951-4.951a3.5 3.5 0 0 0 0-4.95L43.79 66.11l7.746-7.746a3.5 3.5 0 0 0-.002-4.949l-4.951-4.95a3.5 3.5 0 0 0-4.95 0l-7.743 7.747l-7.746-7.746a3.5 3.5 0 0 0-2.559-1.024m.084 4.913l10.22 10.22l10.221-10.22l3.537 3.535l-10.22 10.22l10.22 10.221l-3.537 3.537l-10.22-10.22l-10.221 10.22l-3.535-3.537l10.22-10.22l-10.22-10.221z" color="currentColor"/><path fill="currentColor" fill-rule="evenodd" d="M11.896 12h12.042v12.041H11.896Zm16.042 0h12.04v12.041h-12.04Zm16.04 0H56.02v12.041H43.979Zm16.042 0h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM11.897 28.041h12.042v12.041H11.896Zm16.042 0h12.04v12.041h-12.04Zm16.04 0H56.02v12.041H43.979Zm16.042 0h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 44.082h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 60.123h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM60.02 76.164h12.04v12.041H60.02Zm16.04 0h12.042v12.041H76.06ZM7.897.102V8H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v12.041H0v4h7.896v7.897h4v-7.897h12.042v7.897h4v-7.897h12.04v7.897h4v-7.897H56.02v7.897h4v-7.897h12.04v7.897h4v-7.897h12.042v7.897h4v-7.897H100v-4h-7.898v-12.04H100v-4h-7.898V60.122H100v-4h-7.898v-12.04H100v-4h-7.898V28.041H100v-4h-7.898V12H100V8h-7.898V.102h-4V8H76.06V.102h-4V8H60.02V.102h-4V8H43.979V.102h-4V8H27.938V.102h-4V8H11.896V.102Zm4 43.98h12.042v1.373a5.6 5.6 0 0 1 2.44.707c.552.392 1.063.836 1.56 1.295v-3.375h12.04v3.186a5.84 5.84 0 0 1 4-1.797v-1.389H56.02v12.041h-1.5c-.026.84-.216 1.674-.633 2.418c-.395.56-.846 1.078-1.31 1.582h3.443v12.041h-3.325a5.84 5.84 0 0 1 1.836 4h1.489v12.041H43.979v-1.46c-.87-.01-1.737-.2-2.508-.63a15 15 0 0 1-1.492-1.222v3.312H27.938v-3.4c-1.007 1.152-2.484 1.854-4 1.947v1.453H11.896v-12.04h1.36c.015-.85.2-1.693.613-2.448a15 15 0 0 1 1.27-1.553h-3.243V60.123h3.26c-1.137-1.014-1.815-2.487-1.898-4h-1.362z" color="currentColor"/></svg>Coord Grid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:coord-grid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:coord-grid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:coord-grid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--coord-grid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:coord-grid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:coord-grid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/coord-grid.svg" alt="Coord Grid アイコン" width="24" height="24">Font-GIS の関連アイコン
Coord Grid アイコン のよくある質問
Coord Grid アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Coord Grid アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:coord-grid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coord Grid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/coord-grid.svg" alt="Coord Grid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。