ICONYZ
日本語
Health Icons の Blood Transfusion Outline アイコン

Blood Transfusion Outline アイコン

healthicons:blood-transfusion-outline

Blood Transfusion Outline アイコン(healthicons:blood-transfusion-outline)は、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、transfusionoutline、bloodtransfusionoutline、blood transfusion2x outline
SVG をダウンロード

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="M33.77 6.775h1.414c1.602 0 2.9 1.291 2.9 2.883v9.067a2.89 2.89 0 0 1-2.9 2.883h-.82a1 1 0 0 1-.98.795h-.8v4.175a1.994 1.994 0 0 1-2 1.988h-6.17l-2.41 2.397l.003.003l-1.047 1.04h8.889l2.684-2.668h3.993a2.8 2.8 0 0 1 2.047.89h.638A2.78 2.78 0 0 1 42.001 33v6.227A2.78 2.78 0 0 1 39.21 42h-6.264a3.69 3.69 0 0 1-3.16-1.78H16.381a6.4 6.4 0 0 1-4.503-1.854l-2.666-2.65L8.17 36.8a1.004 1.004 0 0 1-1.414.033a.99.99 0 0 1-.033-1.406l1.073-1.118L6 32.523v-13.33c0-1.376 1.756-1.967 2.597-.874l6.474 8.415l1.048-1.091a1.004 1.004 0 0 1 1.413-.033a.99.99 0 0 1 .033 1.406L16.3 28.333l2.395 3.113l.601-.597l-.003-.003L23 27.16a2 2 0 0 1 1.414-.582h6.17v-4.175h-.8a1 1 0 0 1-.98-.795h-.82a2.89 2.89 0 0 1-2.9-2.883V9.658a2.89 2.89 0 0 1 2.9-2.883h1.414A3.46 3.46 0 0 1 31.584 6c.839 0 1.595.296 2.186.775m-.887 1.988h2.3c.498 0 .9.401.9.895V14.6a6 6 0 0 0-.279-.108c-1.165-.417-2.8-.59-4.657.307c-1.465.708-2.706.984-3.563 1.086a8 8 0 0 1-.5.045V9.658c0-.494.403-.895.9-.895h2.3c.26-.463.745-.775 1.3-.775s1.04.312 1.3.775m-5.8 9.158v.804c0 .494.404.894.9.894h7.2c.498 0 .9-.4.9-.894v-1.866l-.062-.044a4 4 0 0 0-.894-.452c-.747-.267-1.813-.4-3.106.225c-1.684.813-3.143 1.146-4.199 1.271q-.413.048-.738.062m-12.18 11.868l2.365 3.076l-.667.663l-1.601 1.5h2.828l1-.902l.18-.178q.25.045.508.046h11.161l2.684-2.668h3.165c.436 0 .79.352.79.785v2.564h-.79a.787.787 0 0 1-.79-.785V33h-2v.89a2.78 2.78 0 0 0 2.79 2.773h2.79v-4.44c.386.05.684.38.684.777v6.227a.787.787 0 0 1-.79.785h-1.819a2.57 2.57 0 0 1-2.549-2.564V36.4h-2v1.047c0 .95.293 1.833.795 2.563h-.69a1.68 1.68 0 0 1-1.684-1.674h-1v-.105H16.381a4.38 4.38 0 0 1-3.088-1.271l-2.7-2.684zm-1.23-1.599l-4.494 4.68l-1.18-1.171V20.816z" clip-rule="evenodd"/></svg>

Blood Transfusion Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →