Smoke Detector Filled アイコン
griddy-icons:smoke-detector-filled
Smoke Detector Filled アイコン(griddy-icons:smoke-detector-filled)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Griddy Icons
- 作者
- Zuzana Benova
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- smokedetector、detectorfilled、smokedetectorfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.485 2 2 6.485 2 12s4.485 10 10 10s10-4.485 10-10S17.515 2 12 2m1.185 2.085a7.97 7.97 0 0 1 5.075 2.93l-1.175.935a6.46 6.46 0 0 0-4.12-2.38zm2.175 6.925l1.44-.425c.135.455.2.93.2 1.41s-.07.955-.2 1.41l-1.44-.425q.141-.48.14-.99q.001-.51-.14-.99zm-2.18-3.875a5 5 0 0 1 2.445 1.41L14.54 9.58a3.5 3.5 0 0 0-1.71-.99l.355-1.46zm-4.535 5.85l-1.44.425c-.135-.455-.2-.93-.2-1.41s.07-.955.2-1.41l1.44.425q-.141.48-.14.99q-.001.51.14.99zm-.26-4.44a4.96 4.96 0 0 1 2.445-1.41l.355 1.46a3.5 3.5 0 0 0-1.71.99L8.39 8.55zM10.82 4.08l.22 1.485a6.46 6.46 0 0 0-4.12 2.38L5.745 7.01a8 8 0 0 1 5.075-2.93M4.555 14.93A7.9 7.9 0 0 1 4 12c0-1.01.185-2 .555-2.93l1.395.55A6.4 6.4 0 0 0 5.5 12c0 .82.15 1.625.45 2.38zm6.26 4.98a7.97 7.97 0 0 1-5.075-2.93l1.175-.935a6.46 6.46 0 0 0 4.12 2.38zm.01-3.05a5 5 0 0 1-2.445-1.41l1.085-1.035a3.5 3.5 0 0 0 1.71.99l-.355 1.46zM10.25 12c0-.965.785-1.75 1.75-1.75s1.75.785 1.75 1.75s-.785 1.75-1.75 1.75s-1.75-.785-1.75-1.75m4.285 2.415l1.085 1.035a4.96 4.96 0 0 1-2.445 1.41l-.355-1.46a3.5 3.5 0 0 0 1.71-.99zm-1.35 5.5l-.22-1.485a6.46 6.46 0 0 0 4.12-2.38l1.175.935a8 8 0 0 1-5.075 2.93m4.865-5.53c.3-.755.45-1.56.45-2.38s-.15-1.625-.45-2.38l1.395-.55c.37.935.555 1.92.555 2.93s-.185 2-.555 2.93z"/></svg>Smoke Detector Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:smoke-detector-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:smoke-detector-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:smoke-detector-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--smoke-detector-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:smoke-detector-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:smoke-detector-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/griddy-icons/smoke-detector-filled.svg" alt="Smoke Detector Filled アイコン" width="24" height="24">Griddy Icons の関連アイコン
Smoke Detector Filled アイコン のよくある質問
Smoke Detector Filled アイコンは商用利用でも無料ですか?
はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smoke Detector Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="griddy-icons:smoke-detector-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smoke Detector Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/smoke-detector-filled.svg" alt="Smoke Detector Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。