Gentleface › Health & medical › blood-pressure

blood-pressure icon

Blood pressure: blood pressure, hypertension, bp, blood pressure monitor. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Animated blood-pressure-pump · line-round

The bulb is squeezed three times. Each squeeze sends a pulse of air up the tube and the needle jumps a step round the dial. Then the valve lets the air out and the needle sinks slowly back.

Download SVG

Native SVG animation, with no CSS or script. It loops by itself. Inline it to take the text color: in an <img> it draws black. To play it once on hover or click, run 0.25 s to 2.95 s. Examples and helper.

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="M6.293 11.707C6.488 11.902 6.724 12 7 12L8 12C8.141 12 8.259 12.048 8.356 12.144C8.452 12.241 8.5 12.359 8.5 12.5C8.5 12.641 8.452 12.759 8.356 12.856C8.259 12.952 8.141 13 8 13L7 13C6.746 13 6.5 12.953 6.264 12.86C6.007 12.758 5.781 12.609 5.586 12.414C5.391 12.219 5.242 11.993 5.14 11.736C5.047 11.5 5 11.254 5 11L5 9.973C4.605 9.929 4.219 9.833 3.844 9.684C3.266 9.455 2.757 9.121 2.318 8.682C1.879 8.243 1.545 7.734 1.316 7.156C1.105 6.624 1 6.072 1 5.5C1 4.928 1.105 4.376 1.316 3.844C1.545 3.266 1.879 2.757 2.318 2.318C2.757 1.879 3.266 1.545 3.844 1.316C4.376 1.105 4.928 1 5.5 1C6.072 1 6.624 1.105 7.156 1.316C7.734 1.545 8.243 1.879 8.682 2.318C9.121 2.757 9.455 3.266 9.684 3.844C9.895 4.376 10 4.928 10 5.5C10 6.072 9.895 6.624 9.684 7.156C9.455 7.734 9.121 8.243 8.682 8.682C8.243 9.121 7.734 9.455 7.156 9.684C6.781 9.833 6.395 9.929 6 9.973L6 11C6 11.276 6.098 11.512 6.293 11.707ZM3.025 7.975C3.367 8.317 3.762 8.576 4.212 8.754C4.625 8.918 5.055 9 5.5 9C5.945 9 6.375 8.918 6.788 8.754C7.238 8.576 7.633 8.317 7.975 7.975C8.317 7.633 8.576 7.238 8.754 6.788C8.918 6.375 9 5.945 9 5.5C9 5.055 8.918 4.625 8.754 4.212C8.576 3.762 8.317 3.367 7.975 3.025C7.633 2.683 7.238 2.424 6.788 2.246C6.375 2.082 5.945 2 5.5 2C5.055 2 4.625 2.082 4.212 2.246C3.762 2.424 3.367 2.683 3.025 3.025C2.683 3.367 2.424 3.762 2.246 4.212C2.082 4.625 2 5.055 2 5.5C2 5.945 2.082 6.375 2.246 6.788C2.424 7.238 2.683 7.633 3.025 7.975ZM7.146 3.146C7.246 3.047 7.364 2.997 7.5 2.997C7.636 2.997 7.754 3.047 7.854 3.146C7.951 3.244 8 3.362 8 3.5C8 3.638 7.951 3.756 7.854 3.854L6.854 4.854C6.951 5.058 7 5.273 7 5.5C7 5.914 6.854 6.268 6.561 6.561C6.268 6.854 5.914 7 5.5 7C5.086 7 4.732 6.854 4.439 6.561C4.146 6.268 4 5.914 4 5.5C4 5.086 4.146 4.732 4.439 4.439C4.732 4.146 5.086 4 5.5 4C5.727 4 5.942 4.049 6.146 4.146L7.146 3.146ZM9.688 13.451C9.544 13.336 9.432 13.195 9.351 13.028C9.271 12.861 9.231 12.685 9.231 12.5C9.231 12.315 9.271 12.139 9.351 11.972C9.432 11.805 9.544 11.664 9.688 11.549L10.938 10.548C11.175 10.358 11.438 10.216 11.727 10.123C12.038 10.021 12.357 9.983 12.684 10.007C13.01 10.031 13.32 10.116 13.613 10.261C13.885 10.397 14.125 10.576 14.331 10.798C14.538 11.021 14.699 11.273 14.814 11.554C14.938 11.857 15 12.173 15 12.5C15 12.827 14.938 13.143 14.814 13.446C14.699 13.727 14.538 13.979 14.331 14.202C14.125 14.424 13.885 14.603 13.613 14.739C13.32 14.884 13.01 14.969 12.684 14.993C12.357 15.017 12.038 14.979 11.727 14.877C11.438 14.783 11.175 14.642 10.938 14.452L9.688 13.451Z"/></svg>

React

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

export function BloodPressureIcon(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="M6.293 11.707C6.488 11.902 6.724 12 7 12L8 12C8.141 12 8.259 12.048 8.356 12.144C8.452 12.241 8.5 12.359 8.5 12.5C8.5 12.641 8.452 12.759 8.356 12.856C8.259 12.952 8.141 13 8 13L7 13C6.746 13 6.5 12.953 6.264 12.86C6.007 12.758 5.781 12.609 5.586 12.414C5.391 12.219 5.242 11.993 5.14 11.736C5.047 11.5 5 11.254 5 11L5 9.973C4.605 9.929 4.219 9.833 3.844 9.684C3.266 9.455 2.757 9.121 2.318 8.682C1.879 8.243 1.545 7.734 1.316 7.156C1.105 6.624 1 6.072 1 5.5C1 4.928 1.105 4.376 1.316 3.844C1.545 3.266 1.879 2.757 2.318 2.318C2.757 1.879 3.266 1.545 3.844 1.316C4.376 1.105 4.928 1 5.5 1C6.072 1 6.624 1.105 7.156 1.316C7.734 1.545 8.243 1.879 8.682 2.318C9.121 2.757 9.455 3.266 9.684 3.844C9.895 4.376 10 4.928 10 5.5C10 6.072 9.895 6.624 9.684 7.156C9.455 7.734 9.121 8.243 8.682 8.682C8.243 9.121 7.734 9.455 7.156 9.684C6.781 9.833 6.395 9.929 6 9.973L6 11C6 11.276 6.098 11.512 6.293 11.707ZM3.025 7.975C3.367 8.317 3.762 8.576 4.212 8.754C4.625 8.918 5.055 9 5.5 9C5.945 9 6.375 8.918 6.788 8.754C7.238 8.576 7.633 8.317 7.975 7.975C8.317 7.633 8.576 7.238 8.754 6.788C8.918 6.375 9 5.945 9 5.5C9 5.055 8.918 4.625 8.754 4.212C8.576 3.762 8.317 3.367 7.975 3.025C7.633 2.683 7.238 2.424 6.788 2.246C6.375 2.082 5.945 2 5.5 2C5.055 2 4.625 2.082 4.212 2.246C3.762 2.424 3.367 2.683 3.025 3.025C2.683 3.367 2.424 3.762 2.246 4.212C2.082 4.625 2 5.055 2 5.5C2 5.945 2.082 6.375 2.246 6.788C2.424 7.238 2.683 7.633 3.025 7.975ZM7.146 3.146C7.246 3.047 7.364 2.997 7.5 2.997C7.636 2.997 7.754 3.047 7.854 3.146C7.951 3.244 8 3.362 8 3.5C8 3.638 7.951 3.756 7.854 3.854L6.854 4.854C6.951 5.058 7 5.273 7 5.5C7 5.914 6.854 6.268 6.561 6.561C6.268 6.854 5.914 7 5.5 7C5.086 7 4.732 6.854 4.439 6.561C4.146 6.268 4 5.914 4 5.5C4 5.086 4.146 4.732 4.439 4.439C4.732 4.146 5.086 4 5.5 4C5.727 4 5.942 4.049 6.146 4.146L7.146 3.146ZM9.688 13.451C9.544 13.336 9.432 13.195 9.351 13.028C9.271 12.861 9.231 12.685 9.231 12.5C9.231 12.315 9.271 12.139 9.351 11.972C9.432 11.805 9.544 11.664 9.688 11.549L10.938 10.548C11.175 10.358 11.438 10.216 11.727 10.123C12.038 10.021 12.357 9.983 12.684 10.007C13.01 10.031 13.32 10.116 13.613 10.261C13.885 10.397 14.125 10.576 14.331 10.798C14.538 11.021 14.699 11.273 14.814 11.554C14.938 11.857 15 12.173 15 12.5C15 12.827 14.938 13.143 14.814 13.446C14.699 13.727 14.538 13.979 14.331 14.202C14.125 14.424 13.885 14.603 13.613 14.739C13.32 14.884 13.01 14.969 12.684 14.993C12.357 15.017 12.038 14.979 11.727 14.877C11.438 14.783 11.175 14.642 10.938 14.452L9.688 13.451Z" />
    </svg>
  );
}

Vue

Vue: see /icons/blood-pressure.md

Svelte

Svelte: see /icons/blood-pressure.md

HTML img

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

CSS

CSS: see /icons/blood-pressure.md

Data URL

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

Sprite

Sprite: see /icons/blood-pressure.md

SwiftUI

SwiftUI: see /icons/blood-pressure.md

Compose

Compose: see /icons/blood-pressure.md

Android XML

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

Flutter

Flutter: see /icons/blood-pressure.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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 { BloodPressureIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

blood pressure, hypertension, bp, blood pressure monitor

Alternatives

heart-pulse: heart rate or vitals in general

Also fits

heart rate: blood pressure

Tags

blood-pressure, hypertension, bp, sphygmomanometer, pressure, gauge, pulse, vitals, cardio, health, medical

Category

Health & medical

Component name

BloodPressureIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

Family 1

blood-pressure-drop

More health & medical icons

acupuncture bandage biceps-flexed blood-drop bone cigarette cigarette-off crutches face-mask first-aid-kit head-heart heart-pulse heart-pulse-alert heart-pulse-check heart-pulse-sync hospital-bed · all health & medical icons

For agents

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

blood-pressure icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp