Blood Rh N Outline icon

healthicons:blood-rh-n-outline

The Blood Rh N Outline icon (healthicons:blood-rh-n-outline) 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: Blood
Tags: bloodrh, rhn, noutline, bloodrhnoutline

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 fill-rule="evenodd" d="M20.388 5.535a5.02 5.02 0 0 1 7.224 0l.528.548h5.19c2.573 0 4.67 2.074 4.67 4.646V15.5h-2v-4.771a2.66 2.66 0 0 0-2.67-2.646h-5.616a1 1 0 0 1-.72-.307l-.823-.855a3.02 3.02 0 0 0-4.342 0l-.823.855a1 1 0 0 1-.72.307H15c-1.663 0-3 1.338-3 2.974V28.97a69 69 0 0 1 3.7.06l.53.02c1.284.048 2.481.093 3.652.069c2.627-.056 5.042-.466 7.61-1.981c3.118-1.84 5.758-1.288 7.583-.226c.338.197.647.41.925.626V22.5h2v10.526C38 35.78 35.755 38 33 38h-3v2h-5v4h-2v-4h-5v-2h-3c-2.755 0-5-2.22-5-4.974v-21.97c0-2.752 2.245-4.973 5-4.973h4.86zM15 36c-1.663 0-3-1.338-3-2.974v-2.055a66 66 0 0 1 3.627.058l.526.02c1.277.048 2.537.096 3.771.07c2.842-.06 5.627-.513 8.584-2.258c2.407-1.42 4.267-.972 5.56-.22A7 7 0 0 1 36 30.33v2.696C36 34.662 34.663 36 33 36z" clip-rule="evenodd"/><path d="M26 15a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0v-3h3v3a1 1 0 1 0 2 0v-8a1 1 0 1 0-2 0v3h-3z"/><path fill-rule="evenodd" d="M15 15a1 1 0 0 1 1-1h3.125C20.773 14 22 15.405 22 17c0 1.096-.58 2.103-1.477 2.625l1.383 2.95a1 1 0 0 1-1.811.85L18.489 20H17v3a1 1 0 1 1-2 0zm5 2c0-.614-.452-1-.875-1H17v2h2.125c.423 0 .875-.386.875-1" clip-rule="evenodd"/><path d="M33 18a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z"/></g></svg>

How to use the Blood Rh N Outline icon

React

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

<Icon icon="healthicons:blood-rh-n-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:blood-rh-n-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:blood-rh-n-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="healthicons:blood-rh-n-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/healthicons/blood-rh-n-outline.svg" alt="Blood Rh N Outline icon" width="24" height="24">

Related icons in Health Icons

Blood Rh N Outline icon FAQ

Is the Blood Rh N Outline 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 Rh N Outline icon in React?

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

How do I add the Blood Rh N Outline icon to a web page?

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

Browse all Health Icons →