Blood Pressure icon

healthicons:blood-pressure

The Blood Pressure icon (healthicons:blood-pressure) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Health Icons
Author: Resolve to Save Lives
License: MIT
Size: 48 × 48
Category: Devices
Tags: bloodpressure

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M6 18.724C6 12.641 10.036 7 15.563 7c3.835 0 6.68 2.53 8.437 6.121C25.756 9.531 28.602 7 32.438 7C37.965 7 42 12.642 42 18.724a14.5 14.5 0 0 1-.35 3.155A10.48 10.48 0 0 0 33.5 18C27.701 18 23 22.701 23 28.5a10.5 10.5 0 0 0 5.912 9.447C26.123 39.908 24 41 24 41S6 32.304 6 18.724"/><path d="M36 29a2 2 0 1 1-3.97-.348l-2.42-2.42l1.415-1.414l2.299 2.3Q33.643 27 34 27a2 2 0 0 1 2 2"/><path fill-rule="evenodd" d="M42 28.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0m-2 0a6.5 6.5 0 1 1-13 0a6.5 6.5 0 0 1 13 0" clip-rule="evenodd"/></g></svg>

How to use the Blood Pressure icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="healthicons:blood-pressure"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/healthicons/blood-pressure.svg" alt="Blood Pressure icon" width="24" height="24">

Related icons in Health Icons

Blood Pressure icon in other icon sets

Blood Pressure icon FAQ

Is the Blood Pressure icon free for commercial use?

Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Blood Pressure icon in React?

Install @iconify/react and render <Icon icon="healthicons:blood-pressure" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Blood Pressure icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/blood-pressure.svg" alt="Blood Pressure icon">, or paste the SVG code inline to style it with CSS.

Browse all Health Icons →