Humidifier 48 アイコン
energy-icons:humidifier-48
Humidifier 48 アイコン(energy-icons:humidifier-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M37 22c0-1.658-1.342-3-3-3H14c-1.658 0-3 1.342-3 3v16c0 1.658 1.342 3 3 3h20c1.658 0 3-1.342 3-3zm2 16a5 5 0 0 1-5 5H14a5 5 0 0 1-5-5V22a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5z"/><path fill="currentColor" d="M30 13a1 1 0 0 1 1 1v4h-2v-3H19v3h-2v-4a1 1 0 0 1 1-1zm-2.8 18.8c0-1.942-.855-3.116-1.824-4.133c-.406-.426-.967-.952-1.377-1.418c-.41.466-.97.992-1.375 1.418c-.969 1.017-1.824 2.191-1.824 4.133a3.2 3.2 0 1 0 6.4 0m2 0a5.2 5.2 0 1 1-10.4 0c0-2.678 1.245-4.324 2.376-5.512c.606-.637 1.027-1.001 1.4-1.448c.339-.405.424-.649.424-.84a1 1 0 1 1 2 0c0 .191.086.435.424.84c.373.447.794.812 1.4 1.448c1.131 1.188 2.376 2.834 2.376 5.512M19.356 2.234a1 1 0 0 1 1.41.123c.687.817.88 1.684.79 2.522c-.081.765-.4 1.49-.637 2.042c-.265.616-.444 1.052-.488 1.453c-.034.323.02.62.325.972a1 1 0 1 1-1.512 1.308c-.695-.802-.89-1.66-.8-2.495c.08-.756.402-1.48.637-2.027c.263-.613.444-1.055.487-1.465c.036-.336-.021-.651-.334-1.023a1 1 0 0 1 .122-1.41m8 0a1 1 0 0 1 1.41.123c.687.817.88 1.684.79 2.522c-.081.765-.4 1.49-.637 2.042c-.265.616-.444 1.052-.488 1.453c-.034.323.02.62.325.972a1 1 0 1 1-1.512 1.308c-.695-.802-.89-1.66-.8-2.495c.08-.756.402-1.48.637-2.027c.263-.613.444-1.055.487-1.465c.036-.336-.021-.651-.334-1.023a1 1 0 0 1 .122-1.41"/></svg>Humidifier 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:humidifier-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:humidifier-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:humidifier-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--humidifier-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:humidifier-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:humidifier-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/humidifier-48.svg" alt="Humidifier 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Humidifier 48 アイコン のよくある質問
Humidifier 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Humidifier 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:humidifier-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Humidifier 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/humidifier-48.svg" alt="Humidifier 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。