Blood Transfusion アイコン

Q: Blood Transfusion アイコンは商用利用でも無料ですか?

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

healthicons:blood-transfusion

Blood Transfusion アイコン(healthicons:blood-transfusion)は、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
カテゴリ: 記号
タグ: bloodtransfusion

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M33.751 6.77h1.388a2.89 2.89 0 0 1 2.889 2.89v9.007a2.89 2.89 0 0 1-2.89 2.889h-.783a1 1 0 0 1-.975.777h-.797V24h.001v2.5a2 2 0 0 1-2 2h-6.17l-8.1 8.1h-.041h2.121l3.6-3.6H30.3l2.7-1.8h3.15a1.8 1.8 0 0 1 1.7 1.207V36.5h-.8a.8.8 0 0 1-.8-.8v-1.35h-2v1.35a2.8 2.8 0 0 0 2.8 2.8h2.8V33h.35a1.8 1.8 0 0 1 1.8 1.8v5.4a1.8 1.8 0 0 1-1.8 1.8h-8.1a1.8 1.8 0 0 1-1.8-1.8H16.702a5.4 5.4 0 0 1-3.096-.976l-3.629-2.54l6.623-6.971l1.768 2.004L23 27.086a2 2 0 0 1 1.415-.586h6.17V24h-.002v-1.667h-.803a1 1 0 0 1-.975-.777h-.777a2.89 2.89 0 0 1-2.89-2.89V9.66a2.89 2.89 0 0 1 2.89-2.889h1.388A3.42 3.42 0 0 1 31.583 6c.832 0 1.581.294 2.168.77m-.884 2h2.272a.89.89 0 0 1 .889.89v5.456c-.928-.71-2.515-1.383-4.444-.005c-1.93 1.378-3.517 1.73-4.445 1.8V9.658a.89.89 0 0 1 .889-.889H30.3c.256-.46.735-.77 1.283-.77c.549 0 1.028.31 1.284.77" clip-rule="evenodd"/><path d="M15.271 28.207L6.001 17.7v16.2l2.32 1.624z"/></g></svg>

Blood Transfusion アイコンの使い方

React

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

<Icon icon="healthicons:blood-transfusion" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:blood-transfusion" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:blood-transfusion" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--blood-transfusion]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:blood-transfusion"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:blood-transfusion"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/blood-transfusion.svg" alt="Blood Transfusion アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Blood Transfusion アイコン

Blood Transfusion アイコンのよくある質問

Blood Transfusion アイコンは商用利用でも無料ですか?

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

React で Blood Transfusion アイコンを使うには?

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

Blood Transfusion アイコンをウェブページに追加するには?

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

Health Icons をすべて見る →