ICONYZ
日本語
Health Icons の Infusion Pump 24px アイコン

Infusion Pump 24px アイコン

healthicons:infusion-pump-24px

Infusion Pump 24px アイコン(healthicons:infusion-pump-24px)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 24 × 24 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
24 × 24
カテゴリ
デバイス
タグ
infusionpump、pump24px、infusionpump24px
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10.997 3.575h-.875A3.06 3.06 0 0 0 8.331 3c-.677 0-1.292.217-1.792.575h-.875A2.664 2.664 0 0 0 3 6.24v6.727a2.664 2.664 0 0 0 2.664 2.664h.375a1 1 0 0 0 .96.715h.485V17h.01c.033.467.152.927.351 1.361c.24.519.589.99 1.03 1.387s.965.712 1.541.927a5.2 5.2 0 0 0 1.818.325c.624 0 1.241-.11 1.818-.325c.576-.215 1.1-.53 1.54-.927a4.3 4.3 0 0 0 1.03-1.387c.2-.434.319-.894.352-1.361h.01v-6h-.001a1 1 0 1 1 2.002 0h-.001v1h2v-1a3 3 0 1 0-6 0v5.892c-.02.269-.089.533-.204.782a2.5 2.5 0 0 1-.597.805c-.256.23-.56.413-.894.538a3.02 3.02 0 0 1-2.11 0a2.8 2.8 0 0 1-.894-.538a2.5 2.5 0 0 1-.598-.805a2.3 2.3 0 0 1-.203-.782v-.547h.179a1 1 0 0 0 .958-.715h.376a2.664 2.664 0 0 0 2.664-2.664V6.239a2.664 2.664 0 0 0-2.664-2.664m0 2H9.292A1.1 1.1 0 0 0 8.331 5c-.411 0-.77.231-.962.575H5.664A.664.664 0 0 0 5 6.24v4.39q.15-.008.34-.03c.608-.073 1.498-.27 2.555-.782c1.447-.7 2.73-.568 3.646-.239l.12.045V6.24a.664.664 0 0 0-.664-.664" clip-rule="evenodd"/><path d="M19.17 14.097c.374-.627.814-1.097.814-1.097s.44.47.814 1.097c.277.466.52 1.018.52 1.53c0 .758-.598 1.373-1.334 1.373s-1.334-.615-1.334-1.374c0-.511.242-1.063.52-1.529"/></g></svg>

Infusion Pump 24px アイコンの使い方

React

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

<Icon icon="healthicons:infusion-pump-24px" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:infusion-pump-24px" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:infusion-pump-24px" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--infusion-pump-24px]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:infusion-pump-24px"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:infusion-pump-24px"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/infusion-pump-24px.svg" alt="Infusion Pump 24px アイコン" width="24" height="24">

Health Icons の関連アイコン

Infusion Pump 24px アイコン のよくある質問

Infusion Pump 24px アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Infusion Pump 24px アイコンを使うには?

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

Infusion Pump 24px アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/infusion-pump-24px.svg" alt="Infusion Pump 24px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →