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

Blood Ab P Outline アイコン

healthicons:blood-ab-p-outline

Blood Ab P Outline アイコン(healthicons:blood-ab-p-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
カテゴリ
血液
タグ
bloodab、abp、poutline、bloodabpoutline
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="M27.612 5.535a5.02 5.02 0 0 0-7.224 0l-.528.548H15c-2.755 0-5 2.22-5 4.974v21.97C10 35.778 12.245 38 15 38h3v2h5v4h2v-4h5v-2h3c2.755 0 5-2.22 5-4.974V23h-2v4.539a8 8 0 0 0-.925-.626c-1.825-1.062-4.465-1.614-7.583.226c-2.568 1.515-4.983 1.925-7.61 1.98c-1.17.025-2.368-.02-3.651-.069l-.53-.02A69 69 0 0 0 12 28.97V11.058c0-1.636 1.337-2.974 3-2.974h5.286a1 1 0 0 0 .72-.307l.823-.855a3.02 3.02 0 0 1 4.342 0l.823.855a1 1 0 0 0 .72.307h5.616c1.48 0 2.67 1.19 2.67 2.646V15h2v-4.271c0-2.572-2.097-4.646-4.67-4.646h-5.19zM15.627 31.029A66 66 0 0 0 12 30.971v2.055C12 34.662 13.337 36 15 36h18c1.663 0 3-1.338 3-2.974V30.33a7 7 0 0 0-1.931-1.688c-1.294-.752-3.155-1.2-5.56.22c-2.958 1.745-5.743 2.198-8.585 2.258c-1.234.026-2.494-.022-3.77-.07z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M18.5 14a1 1 0 0 1 .916.6l2.616 5.98l.018.04l.866 1.98a1 1 0 0 1-1.832.8L20.47 22h-3.942l-.613 1.4a1 1 0 0 1-1.832-.8l.866-1.98l.002-.005l.016-.036l2.616-5.98A1 1 0 0 1 18.5 14m1.096 6L18.5 17.495L17.404 20zM25 14a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h3.125C29.773 24 31 22.595 31 21a3.1 3.1 0 0 0-.732-2A3.1 3.1 0 0 0 31 17c0-1.595-1.227-3-2.875-3zm4 3c0 .614-.452 1-.875 1H26v-2h2.125c.423 0 .875.386.875 1m0 4c0-.614-.452-1-.875-1H26v2h2.125c.423 0 .875-.386.875-1" clip-rule="evenodd"/><path d="M32 19a1 1 0 0 1 1-1h1v-1a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1-1-1"/></g></svg>

Blood Ab P Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →