Snap アイコン
gis:snap
Snap アイコン(gis:snap)は、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
- カテゴリ
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="M29.045 2.334c-7.467 0-14.94 2.822-20.582 8.464c-11.284 11.284-11.284 29.872 0 41.156h.009c4.593 4.585 9.277 9.275 13.937 13.938c3.097 3.098 6.164 6.162 9.26 9.26l1.582 1.582l3.157 3.165l15.834-15.826l-3.165-3.165l-10.842-10.842c-4.662-4.665-9.34-9.35-13.946-13.947c-2.751-2.756-2.756-6.74 0-9.495c2.755-2.756 6.748-2.756 9.504 0L47.731 40.57l10.842 10.842l3.165 3.157l15.826-15.826l-3.157-3.157l-10.85-10.842l-13.938-13.946c-5.642-5.642-13.107-8.464-20.574-8.464m0 4.468c6.32 0 12.636 2.388 17.409 7.161L60.391 27.91l-9.495 9.496L36.958 23.46a11.17 11.17 0 0 0-15.834 0a11.17 11.17 0 0 0 0 15.826c4.603 4.594 9.282 9.279 13.946 13.946l-9.496 9.495c-4.66-4.664-9.341-9.35-13.937-13.937h-.009c-9.545-9.546-9.545-25.28 0-34.826c4.773-4.773 11.099-7.16 17.417-7.16m63.829 38.245a7.114 7.114 0 0 0-7.117 7.117c0 2.659 1.47 4.958 3.628 6.182c-1.19 8.333-2.375 16.856-3.628 25.077a7.07 7.07 0 0 0-4.162 1.364L69.73 76.33c.12-.519.192-1.053.192-1.608c0-3.934-3.184-7.126-7.117-7.126a7.13 7.13 0 0 0-7.126 7.126c0 3.933 3.192 7.117 7.126 7.117c1.743 0 3.317-.648 4.555-1.688l11.63 8.28c-.212.674-.36 1.374-.36 2.117c0 3.933 3.193 7.117 7.127 7.117a7.114 7.114 0 0 0 7.117-7.117c0-2.283-1.093-4.293-2.763-5.596l3.681-25.76c3.495-.454 6.208-3.41 6.208-7.029c0-3.934-3.192-7.117-7.126-7.117" color="currentColor"/></svg>Snap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:snap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:snap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:snap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--snap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:snap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:snap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/snap.svg" alt="Snap アイコン" width="24" height="24">Font-GIS の関連アイコン
他のアイコンセットの Snap アイコン
Snap アイコン のよくある質問
Snap アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Snap アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:snap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/snap.svg" alt="Snap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。