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 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-a-n
blood-a-n-24px
blood-a-n-outline
blood-a-n-outline-24px
blood-a-p
blood-a-p-24px
blood-a-p-outline
blood-a-p-outline-24px
blood-ab-n
blood-ab-n-24px
blood-ab-n-outline
blood-ab-n-outline-24px
blood-ab-p
blood-ab-p-24px
blood-ab-p-outline-24px
blood-b-n
blood-b-n-24px
blood-b-n-outline
blood-b-n-outline-24px
blood-b-p
blood-b-p-24px
blood-b-p-outline
blood-b-p-outline-24px
blood-bag
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 コードをページに直接貼り付けます。