No Flash Outline Rounded アイコン
material-symbols-light:no-flash-outline-rounded
No Flash Outline Rounded アイコン(material-symbols-light:no-flash-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- 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="m20.756 22.171l-3.07-3.063v.269q-.022.487-.377.824q-.355.338-.853.338H4.692q-.512 0-.871-.36t-.36-.871v-8.37q0-.512.36-.871t.871-.36h2.073l.72-.801L2.24 3.662q-.147-.146-.157-.347q-.009-.201.156-.367q.166-.165.357-.165q.192 0 .357.165l18.515 18.516q.146.146.156.344t-.156.363t-.357.165t-.356-.165M4.923 19.538h11.308q.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.664-2.461q.827 0 1.408-.592q.582-.59.582-1.418q0-.827-.583-1.408q-.584-.582-1.417-.582q-.818 0-1.409.583t-.591 1.417q0 .817.591 1.408q.591.592 1.418.592m7.106-6.139v2.73q0 .212-.144.355q-.143.144-.356.144t-.356-.148t-.144-.358V11.17q0-.192-.134-.327q-.135-.134-.327-.134h-2.706l-1.546-1.546q-.177-.177-.158-.373t.158-.335t.335-.158t.373.158l1.26 1.254h2.515q.512 0 .871.359t.36.872m.845-4.439h-.211q-.162 0-.283-.121t-.121-.283V3.481q0-.162.121-.283t.283-.121h1.571q.214 0 .34.177t.02.388l-.858 1.92h.61q.223 0 .341.192t.013.404l-1.447 2.761q-.08.137-.23.106t-.148-.185zm-5.546 7.908"/></svg>
No Flash Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:no-flash-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:no-flash-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:no-flash-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--no-flash-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:no-flash-outline-rounded"></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-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/no-flash-outline-rounded.svg" alt="No Flash Outline Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの No Flash Outline Rounded アイコン
No Flash Outline Rounded アイコン のよくある質問
No Flash Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で No Flash Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:no-flash-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
No Flash Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/no-flash-outline-rounded.svg" alt="No Flash Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
