Lungs アイコン
fluent-emoji-high-contrast:lungs
Lungs アイコン(fluent-emoji-high-contrast:lungs)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- lung
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.5 2.31c0-.446.364-.81.81-.81h1.38c.446 0 .81.364.81.81v4.498a5.007 5.007 0 0 1 8.256-1.154l.003.003l2.084 2.355A12.74 12.74 0 0 1 31 16.39v11.3c0 1.653-1.15 2.88-2.54 3.217v.083h-.522a3 3 0 0 1-.503 0H21.63A4.63 4.63 0 0 1 17 26.36V15.587l-1.005-1.005l-.995.995V26.36a4.63 4.63 0 0 1-4.63 4.63H4.565a3 3 0 0 1-.503 0H3.53v-.086C2.144 30.564 1 29.34 1 27.69v-11.3c0-3.084 1.13-6.059 3.17-8.37v-.002l2.074-2.364A5.007 5.007 0 0 1 14.5 6.808zm2.296 10.234a1 1 0 0 1-.296-.714V9.98h-1v1.85a.97.97 0 0 1-.304.71l-.196.198v1.425l.466-.467a.74.74 0 0 1 1.065.007l.469.47v-1.426zM16.5 8.98v-1h-1v1zm0-3h-1v1h1zm0-1V3.97h-1v1.01zm0-2.48h-1v.47h1zM6.491 28.99h3.879A2.63 2.63 0 0 0 13 26.36v-.902a32 32 0 0 1-.844.515l-.115.069zM13 22.968v-4.473a5.3 5.3 0 0 1-2.172.485H3.531A4 4 0 0 1 3 18.945v8.745q0 .082.01.16c.56.218 1.144.174 1.529-.082l.042-.028l6.478-3.441c.802-.48 1.457-.89 1.941-1.33M3 16.913q.24.065.531.067h7.297c.757 0 1.56-.31 2.172-.829v-1.4l-.01.003V8.97c0-1.658-1.342-3-3-3c-.89 0-1.692.387-2.251 1.013L5.672 9.339l-.002.003A10.65 10.65 0 0 0 3 16.39zM22.01 5.97c-1.658 0-3 1.342-3 3v5.784L19 14.75v1.4c.613.52 1.416.829 2.172.829h7.297q.292-.002.531-.067v-.523c0-2.594-.95-5.1-2.661-7.06l-2.075-2.345h-.002A3 3 0 0 0 22.01 5.97M29 18.945a4 4 0 0 1-.531.035h-7.297c-.75 0-1.494-.176-2.172-.485v4.473c.484.44 1.14.852 1.941 1.33l6.479 3.442l.041.028c.385.256.97.3 1.53.082q.009-.078.009-.16zM25.509 28.99l-5.55-2.948l-.115-.069c-.271-.162-.557-.332-.844-.515v.902a2.63 2.63 0 0 0 2.63 2.63z"/></svg>
Lungs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:lungs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:lungs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:lungs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--lungs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:lungs"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:lungs"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/lungs.svg" alt="Lungs アイコン" width="24" height="24">
Lungs アイコン のよくある質問
Lungs アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lungs アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:lungs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lungs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/lungs.svg" alt="Lungs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
