Ac Unit Rounded アイコン

Q: Ac Unit Rounded アイコンは商用利用でも無料ですか?

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

material-symbols-light:ac-unit-rounded

Ac Unit Rounded アイコン(material-symbols-light:ac-unit-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
カテゴリ: 家庭用品
タグ: ac、air、cold、conditioner、flake、snow、snowflake、temperature、unit、weather、winter、places、acunit、unitrounded、acunitrounded、ac unit outline rounded

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.5 16.658l-3.421 3.37q-.14.141-.342.141t-.34-.165q-.166-.14-.166-.342t.165-.366l4.104-4.104V12.5H8.808l-4.13 4.129q-.14.14-.34.14t-.367-.165q-.14-.14-.14-.342t.14-.34L7.342 12.5H2.975q-.194 0-.335-.143q-.14-.143-.14-.357q0-.194.143-.347q.144-.153.357-.153h4.342l-3.37-3.396q-.141-.14-.141-.341t.165-.367q.14-.14.342-.14t.366.14L8.808 11.5H11.5V8.808L7.371 4.704q-.14-.14-.14-.341t.165-.367q.14-.14.342-.14t.34.14L11.5 7.342V3q0-.194.143-.347T12 2.5q.194 0 .347.153T12.5 3v4.342l3.396-3.346q.14-.14.341-.14t.367.14q.14.165.14.366t-.14.342L12.5 8.808V11.5h2.692l4.104-4.104q.14-.14.342-.14t.366.165q.14.14.14.341t-.14.342L16.658 11.5H21q.194 0 .347.153T21.5 12q0 .214-.153.357T21 12.5h-4.342l3.346 3.421q.14.14.14.342t-.14.34q-.166.166-.367.166t-.34-.165L15.191 12.5H12.5v2.692l4.104 4.13q.14.14.14.34t-.165.367q-.14.14-.342.14t-.34-.14L12.5 16.658v4.367q0 .194-.153.335q-.153.14-.347.14q-.213 0-.357-.143T11.5 21z"/></svg>

Ac Unit Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:ac-unit-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:ac-unit-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:ac-unit-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--ac-unit-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:ac-unit-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:ac-unit-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/ac-unit-rounded.svg" alt="Ac Unit Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Ac Unit Rounded アイコン

Ac Unit Rounded アイコンのよくある質問

Ac Unit Rounded アイコンは商用利用でも無料ですか?

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

React で Ac Unit Rounded アイコンを使うには?

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

Ac Unit Rounded アイコンをウェブページに追加するには?

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

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