Outline Macro Off アイコン

Q: Outline Macro Off アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:outline-macro-off

Outline Macro Off アイコン(ic:outline-macro-off)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: デバイス
タグ: camera、disabled、enabled、flower、garden、image、macro、off、offline、on、slash、device、outlinemacro、macrooff、outlinemacrooff

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.66 4.93c.24 0 .46.07.64.2l.81.56c-.29.24-.54.54-.72.87l1.66 1.66C11.03 8.14 11 8.08 11 8c0-.55.45-1 1-1s1 .45 1 1s-.45 1-1 1c-.08 0-.14-.03-.22-.04l4.06 4.06a3.13 3.13 0 0 0 2.63-3.09c0-.71-.25-1.39-.67-1.93c.43-.54.67-1.22.67-1.93a3.145 3.145 0 0 0-3.57-3.11C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96a3.13 3.13 0 0 0-2.52.78l1.42 1.42c.2-.13.42-.23.67-.23m6.68 6.14c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03c0 .64-.52 1.15-1.15 1.15m-.65-5.94c.2-.13.42-.2.65-.2c.63 0 1.14.51 1.14 1.14c0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1m7.98 14.15A8.9 8.9 0 0 0 21 13c-1.5 0-2.91.37-4.15 1.02zM3 13a9 9 0 0 0 9 9a9 9 0 0 0-9-9m2.44 2.44c1.9.71 3.42 2.22 4.12 4.12a7.04 7.04 0 0 1-4.12-4.12"/><path fill="currentColor" d="M2.81 2.81L1.39 4.22l4.42 4.42c-.19.4-.3.84-.3 1.29a3.147 3.147 0 0 0 3.58 3.11A3.15 3.15 0 0 0 12 15c.05 0 .11-.01.16-.01l1.64 1.64A8.85 8.85 0 0 0 12 22c2.02 0 3.88-.67 5.38-1.8l2.4 2.4l1.41-1.41zm11.63 16.75c.2-.54.47-1.04.79-1.5l.72.72c-.47.31-.97.58-1.51.78"/></svg>

Outline Macro Off アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ic:outline-macro-off" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ic:outline-macro-off" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ic:outline-macro-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--outline-macro-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:outline-macro-off"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ic:outline-macro-off"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/outline-macro-off.svg" alt="Outline Macro Off アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Outline Macro Off アイコンのよくある質問

Outline Macro Off アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Outline Macro Off アイコンを使うには?

@iconify/react をインストールして <Icon icon="ic:outline-macro-off" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Outline Macro Off アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/outline-macro-off.svg" alt="Outline Macro Off アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Google Material Icons をすべて見る →