Image Ban Light アイコン

Q: Image Ban Light アイコンは商用利用でも無料ですか?

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

stash:image-ban-light

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

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: imageban、banlight、imagebanlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.623 3.5H9.377c-1.1 0-1.958 0-2.645.056c-.698.057-1.265.175-1.775.434A4.5 4.5 0 0 0 2.99 5.957c-.26.51-.377 1.077-.434 1.775C2.5 8.42 2.5 9.276 2.5 10.377v3.246c0 .95 0 1.718.036 2.352a5 5 0 0 0 .02.293c.057.698.175 1.265.434 1.775a4.5 4.5 0 0 0 2.161 2.058c.277.118.572.2.897.258q.32.056.684.085c.688.056 1.544.056 2.645.056H13a.5.5 0 1 0 0-1H9.4c-1.128 0-1.945 0-2.586-.053a5 5 0 0 1-.975-.16a2.6 2.6 0 0 1-.428-.168a3.5 3.5 0 0 1-1.53-1.53c-.181-.357-.282-.794-.333-1.465l-.004-.06l-.008-.121a.5.5 0 0 1 .002-.123a.6.6 0 0 1 .047-.146c.02-.04.048-.078.207-.269l.062-.075c.428-.513.729-.873.984-1.13c.252-.254.423-.369.576-.424a1.5 1.5 0 0 1 1.03 0c.152.055.323.17.575.424c.255.257.556.617.984 1.13a1.33 1.33 0 0 0 1.98.073l3.003-3.111c.408-.422.692-.716.932-.927c.236-.206.394-.301.537-.349a1.5 1.5 0 0 1 .947 0c.187.063.392.201.751.547a.5.5 0 0 0 .694-.72c-.378-.364-.718-.639-1.13-.775a2.5 2.5 0 0 0-1.578 0c-.323.107-.598.298-.88.546c-.275.24-.588.565-.977.968l-3.019 3.126a.33.33 0 0 1-.492-.018l-.015-.018c-.41-.491-.737-.885-1.027-1.177c-.296-.298-.59-.53-.942-.659a2.5 2.5 0 0 0-1.717 0c-.352.13-.645.36-.942.66c-.189.19-.394.424-.628.7V10.4c0-1.128 0-1.945.053-2.586c.052-.637.152-1.057.328-1.403a3.5 3.5 0 0 1 1.53-1.53c.346-.176.766-.276 1.403-.328C7.455 4.5 8.272 4.5 9.4 4.5h3.2c1.128 0 1.945 0 2.587.053c.636.052 1.056.152 1.402.328a3.5 3.5 0 0 1 1.53 1.53c.176.346.276.766.328 1.403c.053.641.053 1.458.053 2.586a.5.5 0 0 0 1 0v-.023c0-1.1 0-1.958-.056-2.645c-.057-.698-.175-1.265-.434-1.775a4.5 4.5 0 0 0-1.967-1.967c-.51-.26-1.077-.377-1.775-.434c-.687-.056-1.544-.056-2.645-.056"/><path fill="currentColor" d="M6.5 9a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0M9 7.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m9.5 5a4 4 0 1 0 0 8a4 4 0 0 0 0-8m-3 4c0-.648.205-1.248.555-1.738l4.183 4.183A3 3 0 0 1 15.5 16.5m5.445 1.738l-4.183-4.183a3 3 0 0 1 4.184 4.184"/></svg>

Image Ban Light アイコンの使い方

React

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

<Icon icon="stash:image-ban-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:image-ban-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:image-ban-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--image-ban-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:image-ban-light"></div>

Web コンポーネント

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

<iconify-icon icon="stash:image-ban-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/image-ban-light.svg" alt="Image Ban Light アイコン" width="24" height="24">

Stash Icons の関連アイコン

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

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

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

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

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

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

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

Stash Icons をすべて見る →