ICONYZ
日本語
Material Symbols Light の Air Purifier Gen アイコン

Air Purifier Gen アイコン

material-symbols-light:air-purifier-gen

Air Purifier Gen アイコン(material-symbols-light:air-purifier-gen)は、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
カテゴリ
家庭用品
タグ
airpurifier、purifiergen、airpurifiergen、air purifier gen sharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20V6.5q0-1.038.73-1.77T6.5 4H10q1.039 0 1.77.73t.73 1.77v2h-1.77q-.67 0-1.142.472t-.472 1.144v4.768q0 .672.472 1.144t1.143.472H12.5V20zm12.725-3.41q-.477 0-.96-.117q-.484-.117-.95-.296l.318-.958q.434.154.842.263t.75.108q.377 0 .735-.106q.357-.107.76-.37q.517-.362 1.09-.505t1.015-.144q.452 0 .939.108t.946.28l-.318.978q-.496-.168-.891-.267t-.701-.098q-.408 0-.847.14q-.44.142-.866.456q-.368.261-.853.395q-.486.133-1.009.133M12.5 15.5h-1.77q-.268 0-.441-.173t-.173-.442v-4.77q0-.269.173-.442t.442-.173H12.5zm4.2-2.425q-.477 0-.948-.117t-.937-.297l.318-.938q.423.167.824.26t.768.092q.377 0 .744-.11q.368-.11.75-.367q.523-.367 1.066-.508q.542-.14 1.015-.14q.471 0 .96.105q.49.105.95.284l-.337.976q-.537-.18-.86-.273t-.713-.092q-.377 0-.797.122t-.897.455q-.448.312-.928.43t-.978.118m.025-3.515q-.477 0-.964-.118t-.946-.296l.318-.958q.496.18.878.275q.383.097.714.097q.377 0 .734-.107q.358-.107.76-.37q.548-.368 1.068-.508t1.013-.14q.471 0 .942.104q.471.105.967.284l-.336.977q-.496-.167-.87-.266q-.372-.1-.703-.1q-.402 0-.807.12t-.906.477q-.373.267-.869.398t-.993.13"/></svg>

Air Purifier Gen アイコンの使い方

React

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

<Icon icon="material-symbols-light:air-purifier-gen" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:air-purifier-gen" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:air-purifier-gen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--air-purifier-gen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:air-purifier-gen"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:air-purifier-gen"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/air-purifier-gen.svg" alt="Air Purifier Gen アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Air Purifier Gen アイコン

Air Purifier Gen アイコン のよくある質問

Air Purifier Gen アイコンは商用利用でも無料ですか?

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

React で Air Purifier Gen アイコンを使うには?

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

Air Purifier Gen アイコンをウェブページに追加するには?

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

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