No Flash Outline アイコン
material-symbols-light:no-flash-outline
No Flash Outline アイコン(material-symbols-light:no-flash-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 画像
- タグ
- bolt、camera、disabled、electric、enabled、energy、flash、image、instant、lightning、no、off、on、photo、photography、picture
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.11 22.53l-3.423-3.422v.269q-.023.48-.378.821t-.847.34H4.692q-.51 0-.87-.36t-.36-.87v-8.37q0-.51.36-.87t.87-.36h2.074l.719-.802l-5.599-5.598l.714-.714l19.223 19.223zM4.922 19.539H16.23q.192 0 .327-.134q.134-.135.134-.327v-.964l-3.151-3.151q.019.077.019.144v.144q-.064 1.2-.915 2.014t-2.068.813q-1.258 0-2.129-.871t-.871-2.129q0-1.217.814-2.068q.813-.851 2.013-.915h.144q.067 0 .144.02l-1.406-1.406H4.923q-.192 0-.327.134q-.134.135-.134.327v7.908q0 .192.134.327q.135.134.327.134m5.654-2.461q.837 0 1.418-.592q.582-.59.582-1.408q0-.837-.582-1.418t-1.418-.582q-.818 0-1.409.582t-.591 1.418q0 .817.591 1.408q.592.592 1.409.592m7.115-2.202l-1-1V11.17q0-.192-.134-.327q-.135-.134-.327-.134h-2.706l-2.4-2.4h2.008l1.275 1.4h2.054q.51 0 .87.36t.36.87zm.847-5.221V6.5h-.616V3.077h2.596L19.4 5.562h1.273zm-5.547 4.754"/></svg>No Flash Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:no-flash-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:no-flash-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:no-flash-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--no-flash-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:no-flash-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:no-flash-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/no-flash-outline.svg" alt="No Flash Outline アイコン" width="24" height="24">Material Symbols Light の関連アイコン
no-accounts
no-accounts-outline
no-adult-content
no-backpack
no-backpack-outline
no-backpack-outline-rounded
no-backpack-outline-sharp
no-backpack-rounded
no-backpack-sharp
no-crash
no-crash-outline
no-crash-outline-rounded
no-crash-outline-sharp
no-crash-rounded
no-crash-sharp
no-drinks
no-drinks-outline
no-drinks-outline-rounded
no-drinks-rounded
no-encryption
no-encryption-outline
no-encryption-outline-rounded
no-encryption-outline-sharp
no-encryption-rounded
他のアイコンセットの No Flash Outline アイコン
No Flash Outline アイコン のよくある質問
No Flash Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で No Flash Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:no-flash-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
No Flash Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/no-flash-outline.svg" alt="No Flash Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。