ICONYZ
日本語
Material Symbols の Macro Auto アイコン

Macro Auto アイコン

material-symbols:macro-auto

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

アイコンセット
Material Symbols
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
画像
タグ
macroauto、macro auto sharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 15q-1.05 0-1.775-.725T9.5 12.5v-.2q-.3.225-.638.338t-.762.112q-1.05 0-1.775-.725T5.6 10.25q0-.75.4-1.35T7.05 8Q6.4 7.7 6 7.1t-.4-1.35q0-1.05.725-1.775T8.1 3.25q.425 0 .763.112T9.5 3.7v-.2q0-1.05.725-1.775T12 1t1.775.725T14.5 3.5v.2q.225-.175.488-.275t.562-.15l-1.325 3.55q-.325-.6-.912-.962T12 5.5q-1.05 0-1.775.725T9.5 8t.725 1.775T12 10.5q.325 0 .6-.075t.55-.2q.075.525.488.9t.987.375h3.45q-.325.575-.887.913t-1.288.337q-.425 0-.763-.112T14.5 12.3v.2q0 1.05-.725 1.775T12 15m2.625-5L18 1h1.6l3.425 9h-1.55l-.8-2.3h-3.7l-.8 2.3zm2.8-3.6h2.75L18.85 2.65h-.05zM12 22q0-1.85.713-3.488t1.937-2.862t2.863-1.937T21 13q0 1.85-.712 3.488T18.35 19.35t-2.863 1.938T12 22m0 0q0-1.85-.712-3.488T9.35 15.65t-2.863-1.937T3 13q0 1.85.713 3.488T5.65 19.35t2.863 1.938T12 22"/></svg>

Macro Auto アイコンの使い方

React

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

<Icon icon="material-symbols:macro-auto" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:macro-auto" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:macro-auto" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--macro-auto]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:macro-auto"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols:macro-auto"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols/macro-auto.svg" alt="Macro Auto アイコン" width="24" height="24">

Material Symbols の関連アイコン

他のアイコンセットの Macro Auto アイコン

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

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

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

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

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

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

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

Material Symbols アイコン をすべて見る →