Motion Sensor Idle Rounded アイコン
material-symbols-light:motion-sensor-idle-rounded
Motion Sensor Idle Rounded アイコン(material-symbols-light:motion-sensor-idle-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
- カテゴリ
- ホーム
- タグ
- motionsensor、sensoridle、idlerounded、motionsensoridlerounded、motion sensor idle outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.802 20.942L2.189 2.31q-.147-.147-.147-.348t.147-.347q.165-.165.366-.165t.347.166l18.633 18.613q.146.146.146.347t-.166.366q-.146.147-.347.147t-.366-.147M4 3.322V6.2q0 .194-.143.347q-.144.153-.357.153q-.194 0-.347-.153T3 6.2V3.316q0-.349.124-.644t.322-.513l.738.739q-.088.096-.136.202T4 3.321M19.385 19.7H16.5q-.194 0-.347-.153T16 19.2q0-.213.153-.357q.153-.143.347-.143h2.879q.115 0 .221-.048t.214-.144l.702.708q-.218.217-.5.35q-.283.134-.631.134M6.767 2.7l-1-1h1.758q.194 0 .335.143q.14.143.14.357q0 .194-.143.347T7.5 2.7zM21 16.933l-1-1v-.758q0-.194.153-.334t.347-.141q.214 0 .357.143T21 15.2zM4.616 19.725q-.691 0-1.153-.462T3 18.109v-2.884q0-.213.143-.357t.357-.143t.357.143t.143.357v2.885q0 .23.192.423t.423.192H7.5q.214 0 .357.143t.143.357t-.143.357t-.357.143zm11.884-17q-.213 0-.357-.143T16 2.225t.143-.357t.357-.143h2.885q.69 0 1.152.462T21 3.342v2.884q0 .214-.143.357t-.357.143t-.357-.143T20 6.225V3.341q0-.231-.192-.424t-.423-.192zM6.194 11.917q-.238 0-.363.196t-.058.433q.437 1.575 1.593 2.735t2.73 1.646q.258.073.482-.051t.224-.387q0-.177-.148-.32t-.325-.211q-1.283-.433-2.238-1.36q-.954-.927-1.343-2.234q-.067-.183-.216-.315t-.338-.132m11.618-2.384q.238 0 .363-.195t.058-.434q-.437-1.575-1.596-2.735q-1.158-1.16-2.733-1.646q-.258-.073-.479.051t-.221.388q0 .177.148.32t.325.21q1.283.433 2.238 1.36q.954.927 1.343 2.234q.067.183.216.315t.338.132m-11.612 0q-.239 0-.364-.195t-.057-.434q.23-.8.646-1.488t1.034-1.243l.689.689q-.49.446-.845 1.008t-.55 1.217q-.066.182-.215.314t-.338.132m9.689 5.05l.688.688q-.517.575-1.195.988q-.678.412-1.478.668q-.258.073-.479-.051t-.221-.387q0-.177.145-.32t.322-.211q.654-.22 1.22-.562q.565-.342.998-.813M9.796 5.729l-.744-.77q.256-.124.518-.227q.263-.103.538-.184q.257-.073.478.051q.222.124.222.388q0 .177-.139.32t-.315.21q-.154.039-.279.097t-.279.115m8.015 6.213q.239 0 .367.196q.128.195.055.433q-.075.295-.188.579t-.243.56l-.75-.737q.077-.154.125-.298t.086-.298q.068-.177.217-.306t.331-.129"/></svg>
Motion Sensor Idle Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:motion-sensor-idle-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:motion-sensor-idle-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:motion-sensor-idle-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--motion-sensor-idle-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:motion-sensor-idle-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:motion-sensor-idle-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/motion-sensor-idle-rounded.svg" alt="Motion Sensor Idle Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Motion Sensor Idle Rounded アイコン
Motion Sensor Idle Rounded アイコン のよくある質問
Motion Sensor Idle Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Motion Sensor Idle Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:motion-sensor-idle-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Motion Sensor Idle Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/motion-sensor-idle-rounded.svg" alt="Motion Sensor Idle Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
