Sensitive Light アイコン
stash:sensitive-light
Sensitive Light アイコン(stash:sensitive-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sensitivelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.602 4h10.796c1.057 0 1.88 0 2.54.053c.67.054 1.214.164 1.703.409a4.28 4.28 0 0 1 1.888 1.85c.25.48.362 1.014.417 1.671c.054.647.054 1.454.054 2.49v3.054c0 1.036 0 1.843-.054 2.49c-.055.657-.167 1.19-.417 1.67a4.28 4.28 0 0 1-1.888 1.851c-.49.245-1.034.355-1.704.41c-.66.052-1.482.052-2.54.052H6.603c-1.057 0-1.88 0-2.54-.053c-.67-.053-1.214-.164-1.703-.409a4.28 4.28 0 0 1-1.888-1.85c-.25-.48-.362-1.014-.417-1.671C0 15.37 0 14.563 0 13.527v-3.054c0-1.036 0-1.843.054-2.49c.055-.657.167-1.19.417-1.67a4.28 4.28 0 0 1 1.888-1.851c.49-.245 1.034-.355 1.704-.41C4.723 4 5.545 4 6.603 4m-2.461.99c-.61.05-1.015.144-1.346.31a3.33 3.33 0 0 0-1.469 1.44c-.169.325-.265.721-.315 1.32C.96 8.664.96 9.432.96 10.494v3.012c0 1.062 0 1.83.05 2.434c.05.599.147.995.316 1.32c.322.62.836 1.124 1.469 1.44c.331.166.735.26 1.346.31c.616.048 1.4.049 2.483.049h10.752c1.083 0 1.867 0 2.483-.05c.61-.049 1.015-.143 1.346-.31a3.33 3.33 0 0 0 1.469-1.439c.169-.325.265-.721.315-1.32c.05-.604.051-1.372.051-2.434v-3.012c0-1.062 0-1.83-.05-2.434c-.05-.599-.147-.995-.316-1.32a3.33 3.33 0 0 0-1.469-1.44c-.331-.166-.735-.26-1.346-.31c-.616-.048-1.4-.049-2.483-.049H6.624c-1.083 0-1.867 0-2.483.05"/><path fill="currentColor" d="M4.5 9a.5.5 0 0 1 .5-.5h1.2a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V9.5H5a.5.5 0 0 1-.5-.5m4.8 1.09c0-.905.77-1.59 1.657-1.59h1.286c.887 0 1.657.685 1.657 1.59v.789c0 .43-.173.81-.45 1.09c.277.282.45.662.45 1.092v.848c0 .906-.77 1.591-1.657 1.591h-1.286c-.887 0-1.657-.685-1.657-1.59v-.85c0-.43.173-.81.45-1.09a1.54 1.54 0 0 1-.45-1.091zm1.657 2.38c-.391 0-.657.292-.657.59v.85c0 .298.266.59.657.59h1.286c.391 0 .657-.292.657-.59v-.85c0-.298-.266-.59-.657-.59zm1.286-1c.391 0 .657-.292.657-.591v-.788c0-.3-.266-.591-.657-.591h-1.286c-.391 0-.657.292-.657.59v.789c0 .299.266.59.657.59zm5.957-1.334a.5.5 0 0 1 .5.5v1.137H20a.5.5 0 0 1 0 1h-1.3v1.136a.5.5 0 0 1-1 0v-1.136h-1.3a.5.5 0 1 1 0-1h1.3v-1.137a.5.5 0 0 1 .5-.5"/></svg>Sensitive Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:sensitive-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:sensitive-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:sensitive-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--sensitive-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:sensitive-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:sensitive-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/sensitive-light.svg" alt="Sensitive Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Sensitive Light アイコン のよくある質問
Sensitive Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sensitive Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:sensitive-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sensitive Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/sensitive-light.svg" alt="Sensitive Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。