Stethoscope Light アイコン
ph:stethoscope-light
Stethoscope Light アイコン(ph:stethoscope-light)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- hospital、medical、medicine、injury、safety、emergency、doctor、heart、stethoscopelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M218 160a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-4.35 37.58A46.05 46.05 0 0 1 168 238h-24a46.06 46.06 0 0 1-46-46v-42.29A62 62 0 0 1 42 88V40a6 6 0 0 1 6-6h24a6 6 0 0 1 0 12H54v42a50 50 0 0 0 50 50h.67c27.2-.36 49.33-23.16 49.33-50.83V46h-18a6 6 0 0 1 0-12h24a6 6 0 0 1 6 6v47.17c0 32.43-24.68 59.44-56 62.52V192a34 34 0 0 0 34 34h24a34.05 34.05 0 0 0 33.56-28.56a38 38 0 1 1 12.09.14M234 160a26 26 0 1 0-26 26a26 26 0 0 0 26-26"/></svg>Stethoscope Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:stethoscope-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:stethoscope-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:stethoscope-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--stethoscope-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:stethoscope-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:stethoscope-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/stethoscope-light.svg" alt="Stethoscope Light アイコン" width="24" height="24">Phosphor の関連アイコン
他のアイコンセットの Stethoscope Light アイコン
Stethoscope Light アイコン のよくある質問
Stethoscope Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stethoscope Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:stethoscope-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stethoscope Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/stethoscope-light.svg" alt="Stethoscope Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。