Offset アイコン
gis:offset
Offset アイコン(gis:offset)は、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" d="m96 70.895l-8.267 8.267L74.571 66L66 74.571l13.162 13.162L70.895 96H96Z" color="currentColor"/><path fill="currentColor" fill-rule="evenodd" d="M48.813 4c-.166 13.107-2.064 24.688-8.276 33.084S23.647 51.357 4 52.588l.438 6.986c20.918-1.31 34.117-8.044 41.726-18.328s9.475-23.45 9.648-37.158ZM74.78 6.123c-.068 3.29-.221 6.565-.513 9.813l4.98.447c.305-3.393.461-6.782.531-10.156zm-1.058 14.664c-.442 3.219-1.043 6.405-1.85 9.526l4.84 1.251c.862-3.334 1.499-6.712 1.963-10.097zM70.51 34.95a64 64 0 0 1-3.686 8.881l4.457 2.264a69 69 0 0 0 3.977-9.574zm-6.024 13.072c-1.678 2.741-3.543 5.349-5.629 7.737l3.766 3.289c2.3-2.634 4.325-5.471 6.127-8.414ZM55.56 59.213a58 58 0 0 1-7.446 6.021l2.819 4.131a63 63 0 0 0 8.088-6.543zm-11.52 8.584a71 71 0 0 1-8.672 4.24l1.895 4.627a76 76 0 0 0 9.279-4.539zm-13.213 5.94a88 88 0 0 1-9.361 2.605l1.078 4.883a93 93 0 0 0 9.895-2.756zM16.68 77.272c-3.208.541-6.443.926-9.694 1.168l.371 4.987c3.398-.254 6.788-.657 10.155-1.225z" color="currentColor"/></svg>Offset アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:offset" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:offset" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:offset" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--offset]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:offset"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:offset"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/offset.svg" alt="Offset アイコン" width="24" height="24">Offset アイコン のよくある質問
Offset アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Offset アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:offset" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Offset アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/offset.svg" alt="Offset アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。