Go Off アイコン
cbi:go-off
Go Off アイコン(cbi:go-off)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- gooff
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.066 5.22c2.884 1.997 6.888 6.01 8.885 8.894c1.247 1.792 1.393 2.698.633 2.621l.848.847a7 7 0 0 0 .506-.545c.302-.517-.019-1.608-.984-3.186c-2.036-3.322-6.312-7.608-9.634-9.635c-1.579-.964-2.67-1.286-3.176-.984c-.195.156-.38.341-.565.517l.886.876c-.117-.798.78-.672 2.601.595M22 20.602L3.374 2.024L2 3.398l2.776 2.767C3.978 7.626 3.51 9.292 3.51 10.997a9.64 9.64 0 0 0 3.536 7.472h-.243c-.604 0-1.091.487-1.091 1.091s.496 1.091 1.091 1.091h5.747c.069 0 .137-.01.205-.02c.136.01.273.02.419.02c1.685 0 3.371-.487 4.842-1.286l2.62 2.611Z"/></svg>
Go Off アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:go-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:go-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:go-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--go-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:go-off"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:go-off"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/go-off.svg" alt="Go Off アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Go Off アイコン のよくある質問
Go Off アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Go Off アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:go-off" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Go Off アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/go-off.svg" alt="Go Off アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
ICONYZ
