Gentleface › Health & medical › blood-drop

blood-drop icon

Blood drop: blood, blood type, blood donation, hematology. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.071 1.005C8.207 1.025 8.317 1.09 8.4 1.2C8.565 1.42 8.85 1.781 9.255 2.282C9.801 2.957 10.214 3.484 10.494 3.861C10.975 4.508 11.378 5.115 11.703 5.683C12.568 7.194 13 8.633 13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10C3 8.633 3.432 7.194 4.297 5.683C4.622 5.116 5.025 4.508 5.506 3.861C5.786 3.484 6.199 2.957 6.745 2.282C7.15 1.781 7.435 1.42 7.6 1.2C7.629 1.162 7.662 1.129 7.7 1.1C7.81 1.017 7.934 0.985 8.071 1.005ZM6.309 4.457C5.852 5.072 5.47 5.647 5.165 6.18C4.388 7.537 4 8.81 4 10C4 10.509 4.094 10.999 4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10C12 8.81 11.612 7.537 10.835 6.18C10.53 5.647 10.148 5.072 9.691 4.457C9.42 4.091 9.015 3.575 8.478 2.911C8.295 2.684 8.136 2.486 8 2.315C7.864 2.486 7.705 2.684 7.522 2.911C6.985 3.575 6.58 4.091 6.309 4.457ZM11 9L11 11L9 11L9 13L7 13L7 11L5 11L5 9L7 9L7 7L9 7L9 9L11 9Z"/></svg>

React

// Gentleface "blood-drop" (line-round), MIT. https://gentleface.com/icons/blood-drop
import type { SVGProps } from 'react';

export function BloodDropIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.071 1.005C8.207 1.025 8.317 1.09 8.4 1.2C8.565 1.42 8.85 1.781 9.255 2.282C9.801 2.957 10.214 3.484 10.494 3.861C10.975 4.508 11.378 5.115 11.703 5.683C12.568 7.194 13 8.633 13 10C13 10.636 12.883 11.249 12.649 11.84C12.395 12.482 12.024 13.047 11.536 13.536C11.047 14.024 10.482 14.395 9.84 14.649C9.249 14.883 8.636 15 8 15C7.364 15 6.751 14.883 6.16 14.649C5.518 14.395 4.953 14.024 4.464 13.536C3.976 13.047 3.605 12.482 3.351 11.84C3.117 11.249 3 10.636 3 10C3 8.633 3.432 7.194 4.297 5.683C4.622 5.116 5.025 4.508 5.506 3.861C5.786 3.484 6.199 2.957 6.745 2.282C7.15 1.781 7.435 1.42 7.6 1.2C7.629 1.162 7.662 1.129 7.7 1.1C7.81 1.017 7.934 0.985 8.071 1.005ZM6.309 4.457C5.852 5.072 5.47 5.647 5.165 6.18C4.388 7.537 4 8.81 4 10C4 10.509 4.094 10.999 4.281 11.472C4.484 11.986 4.781 12.438 5.172 12.828C5.562 13.219 6.014 13.516 6.528 13.719C7.001 13.906 7.491 14 8 14C8.509 14 8.999 13.906 9.472 13.719C9.986 13.516 10.438 13.219 10.828 12.828C11.219 12.438 11.516 11.986 11.719 11.472C11.906 10.999 12 10.509 12 10C12 8.81 11.612 7.537 10.835 6.18C10.53 5.647 10.148 5.072 9.691 4.457C9.42 4.091 9.015 3.575 8.478 2.911C8.295 2.684 8.136 2.486 8 2.315C7.864 2.486 7.705 2.684 7.522 2.911C6.985 3.575 6.58 4.091 6.309 4.457ZM11 9L11 11L9 11L9 13L7 13L7 11L5 11L5 9L7 9L7 7L9 7L9 9L11 9Z" />
    </svg>
  );
}

Vue

Vue: see /icons/blood-drop.md

Svelte

Svelte: see /icons/blood-drop.md

HTML img

HTML img: see /icons/blood-drop.md

CSS

CSS: see /icons/blood-drop.md

Data URL

Data URL: see /icons/blood-drop.md

Sprite

Sprite: see /icons/blood-drop.md

SwiftUI

SwiftUI: see /icons/blood-drop.md

Compose

Compose: see /icons/blood-drop.md

Android XML

Android XML: see /icons/blood-drop.md

Flutter

Flutter: see /icons/blood-drop.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BloodDropIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

blood, blood type, blood donation, hematology

Tags

blood, blood drop, blood type, blood donation, donate blood, donor, hematology, transfusion, plasma, medical, cross, health

Category

Health & medical

Component name

BloodDropIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 4

droplet droplet-alert droplet-half droplet-off

More health & medical icons

bandage bone cigarette cigarette-off crutches face-mask first-aid-kit heart-pulse heart-pulse-alert hospital-bed lungs pill pill-bottle pill-check pill-clock pill-plus · all health & medical icons

For agents

Metadata: /icons/blood-drop.json · Markdown: /icons/blood-drop.md · SVG: https://gentleface.com/svg/{style}/16/blood-drop.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/blood-drop.png

blood-drop icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp