Pneumonia アイコン
healthicons:pneumonia
Pneumonia アイコン(healthicons:pneumonia)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 症状
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M16.505 12.025c5.132 0 5.356 6.118 5.333 9.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0 .67.15 1.105.325 1.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768 5.333-9.768c7.45 0 12.772 26.006 9.58 28.66c-3.194 2.654-9.58 1.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4 4.4 0 0 1-1.107-.422A3.8 3.8 0 0 1 24 22.65a3.8 3.8 0 0 1-1.018.813a4.4 4.4 0 0 1-1.147.43c.011.546.034 1.144.057 1.778c.16 4.313.383 10.321-2.195 12.892c-3.193 3.185-9.579 4.777-12.772 2.123s2.129-28.66 9.58-28.66M34.042 17a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002m-20.04.004a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m-5.013 20a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m8.015-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m-7.002-5.999a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m7.002-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m20.022 13.995A2 2 0 1 0 37.027 35a2 2 0 0 0-.001 3.998M33.03 32a2 2 0 1 1-3.999-.002A2 2 0 0 1 33.03 32m3.003-2.002A2 2 0 1 0 36.035 26a2 2 0 0 0-.002 3.998M33.037 23a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002" clip-rule="evenodd"/></svg>Pneumonia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:pneumonia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:pneumonia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:pneumonia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--pneumonia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:pneumonia"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:pneumonia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/pneumonia.svg" alt="Pneumonia アイコン" width="24" height="24">Health Icons の関連アイコン
Pneumonia アイコン のよくある質問
Pneumonia アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pneumonia アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:pneumonia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pneumonia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/pneumonia.svg" alt="Pneumonia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。