ICONYZ
日本語
Griddy Icons の Image Off アイコン

Image Off アイコン

griddy-icons:image-off

Image Off アイコン(griddy-icons:image-off)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Griddy Icons
作者
Zuzana Benova
ライセンス
MIT
サイズ
24 × 24
タグ
imageoff
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 18.25c0 .485-.13.945-.35 1.34l1.13 1.13l-1.06 1.06l-18.5-18.5l1.06-1.06l1.13 1.13c.4-.22.856-.35 1.34-.35h12.5A2.755 2.755 0 0 1 21 5.75zm-6.684-4.995l5.17 5.17h.005l.006-.053q.008-.056.009-.117v-3.19l-3.5-3.5zM18.25 4.5H5.75a1 1 0 0 0-.17.015l7.67 7.675l1.865-1.865a1.26 1.26 0 0 1 1.77 0L19.5 12.94V5.75c0-.69-.56-1.25-1.25-1.25M4.535 18.525c.125.56.62.975 1.215.975h10.57l1.5 1.5H5.75A2.755 2.755 0 0 1 3 18.25V6.18l1.5 1.5v8.76l3.365-3.365a1.26 1.26 0 0 1 1.77 0L12.06 15.5L11 16.56l-2.25-2.25z" clip-rule="evenodd"/></svg>

Image Off アイコンの使い方

React

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

<Icon icon="griddy-icons:image-off" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:image-off" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:image-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--image-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:image-off"></div>

Web コンポーネント

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

<iconify-icon icon="griddy-icons:image-off"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/image-off.svg" alt="Image Off アイコン" width="24" height="24">

Griddy Icons の関連アイコン

image アイコン
image
 image-alt アイコン
image-alt
 image-alt-filled アイコン
image-alt-filled
 image-copy アイコン
image-copy
 image-copy-filled アイコン
image-copy-filled
 image-filled アイコン
image-filled
 image-off-alt アイコン
image-off-alt
 image-off-alt-filled アイコン
image-off-alt-filled
 image-off-filled アイコン
image-off-filled
 image-plus アイコン
image-plus
 image-plus-filled アイコン
image-plus-filled

他のアイコンセットの Image Off アイコン

Material Design Icons の Image Off アイコン
Material Design Icons
 Lucide の Image Off アイコン
Lucide
 Circum Icons の Image Off アイコン
Circum Icons
 Huge Icons の Image Off アイコン
Huge Icons
 IconOven の Image Off アイコン
IconOven
 Keyline Icons の Image Off アイコン
Keyline Icons
 Majesticons の Image Off アイコン
Majesticons
 TDesign Icons の Image Off アイコン
TDesign Icons
 andrsrxn/icons の Image Off アイコン
andrsrxn/icons

Image Off アイコン のよくある質問

Image Off アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Image Off アイコンを使うには?

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

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

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

Griddy Icons をすべて見る →