Macro Off Rounded アイコン
material-symbols-light:macro-off-rounded
Macro Off Rounded アイコン(material-symbols-light:macro-off-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
- カテゴリ
- 画像
- タグ
- camera、disabled、enabled、flower、garden、image、macro、off、offline、on、slash、device、macrooff、offrounded、macrooffrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.735 16.298l-2.187-2.186q.475-.253.98-.412q.505-.16 1.022-.235q.187-.025.332.034t.276.19t.19.275t.033.332q-.056.485-.235 1.025t-.412.977M16.9 18.702q-1.023.967-2.297 1.556q-1.274.588-2.603.588q0-1.329.589-2.603t1.555-2.297l-2.35-2.35q-.727-.075-1.278-.552q-.552-.477-.781-1.167q-.125.057-.273.07t-.293.013q-.978 0-1.66-.673t-.682-1.65q0-.218.047-.42t.128-.413L3.094 4.896q-.146-.146-.155-.347t.155-.366q.166-.166.357-.166t.357.166l16.384 16.384q.147.147.153.345t-.158.363q-.166.166-.357.166t-.357-.166zM13.394 2.874q.617.47.852 1.23q.144-.038.292-.051t.293-.012q.973 0 1.645.675t.672 1.648q0 .448-.172.868T16.512 8q.286.367.461.778q.175.41.175.859q0 .961-.655 1.633q-.654.672-1.616.69q-.135 0-.26-.01t-.26-.029l-1.878-1.879q.706-.16 1.162-.72T14.096 8q0-.896-.6-1.496T12 5.904q-.762 0-1.322.456t-.72 1.161L7.356 4.92q.352-.434.856-.66q.504-.224 1.061-.213q.116 0 .24.01q.126.01.24.048q.236-.76.853-1.23T12 2.404t1.394.47M12 20.846q0-2.673-1.862-4.693t-4.386-2.518q-.217-.05-.413.015q-.197.066-.333.202t-.202.32t-.016.401q.53 2.523 2.509 4.398q1.98 1.875 4.703 1.875"/></svg>
Macro Off Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:macro-off-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:macro-off-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:macro-off-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--macro-off-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:macro-off-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:macro-off-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-off-rounded.svg" alt="Macro Off Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Macro Off Rounded アイコン
Macro Off Rounded アイコン のよくある質問
Macro Off Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Macro Off Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:macro-off-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Macro Off Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/macro-off-rounded.svg" alt="Macro Off Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
