Blood Cells Outline icon
healthicons:blood-cells-outline
The Blood Cells Outline icon (healthicons:blood-cells-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
- Body
- Tags
- bloodcells, cellsoutline, bloodcellsoutline, cell
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M23.486 16.04C24.63 15.441 25 14.787 25 14.333c0-.396-.274-.942-1.136-1.489l1.072-1.688c1.137.72 2.064 1.801 2.064 3.177c0 1.571-1.197 2.751-2.586 3.479C22.977 18.564 21.06 19 19 19s-3.977-.436-5.414-1.188C12.196 17.084 11 15.904 11 14.333c0-1.376.927-2.456 2.064-3.177l1.072 1.688c-.862.547-1.136 1.093-1.136 1.49c0 .453.37 1.107 1.514 1.706c1.097.575 2.681.96 4.486.96s3.39-.385 4.486-.96"/><path fill-rule="evenodd" d="M22.995 24.543C28.22 23.31 32 19.728 32 15.5C32 10.253 26.18 6 19 6S6 10.253 6 15.5c0 2.976 1.872 5.632 4.803 7.374c-4.474 2.662-6.512 7.517-4.551 10.912c1.981 3.432 7.297 4.072 11.873 1.43c4.433-2.56 6.546-7.262 4.87-10.673m4.017-3.94C28.99 19.158 30 17.33 30 15.5s-1.011-3.658-2.988-5.103C25.037 8.954 22.211 8 19 8c-3.21 0-6.037.954-8.012 2.397C9.01 11.842 8 13.67 8 15.5s1.011 3.658 2.988 5.103C12.963 22.046 15.789 23 19 23c3.21 0 6.037-.954 8.012-2.397M11.95 24.52q.559-.321 1.122-.563c1.085.407 2.259.706 3.495.877l-.142 1.246c.645.073.98.32 1.124.57c.164.284.201.79-.192 1.513c-.384.704-1.112 1.461-2.123 2.045s-2.03.836-2.833.816c-.821-.02-1.242-.307-1.405-.59c-.144-.25-.192-.663.068-1.26l-1.835-.797c-.418.963-.528 2.083.035 3.057c.643 1.115 1.881 1.56 3.088 1.59c1.226.03 2.605-.347 3.882-1.084s2.293-1.743 2.88-2.82c.577-1.06.81-2.355.167-3.47a2.8 2.8 0 0 0-.516-.651L19 25q.96 0 1.883-.099q.112.155.207.318c.606 1.048.668 2.454.003 4.01c-.664 1.555-2.019 3.13-3.968 4.255c-1.95 1.126-3.991 1.511-5.67 1.31c-1.679-.203-2.866-.96-3.471-2.008c-.606-1.049-.667-2.455-.003-4.01s2.019-3.13 3.968-4.256" clip-rule="evenodd"/><path d="M36.597 34.369c-.095.35-.458.761-1.29 1.007c-.812.24-1.918.26-3.102-.058c-1.185-.317-2.132-.888-2.716-1.501c-.598-.629-.707-1.166-.613-1.517c.082-.309.367-.657 1.006-.91l-.733-1.86c-1.012.398-1.906 1.136-2.205 2.253c-.343 1.278.233 2.505 1.096 3.412c.877.922 2.166 1.658 3.647 2.055s2.966.404 4.186.044c1.2-.354 2.313-1.129 2.655-2.407c.3-1.117-.106-2.203-.783-3.054l-1.565 1.245c.428.538.5.982.416 1.291"/><path fill-rule="evenodd" d="M42.245 36.457c-1.071 3.998-6.261 6.081-11.592 4.653s-8.784-5.828-7.713-9.826s6.261-6.081 11.592-4.653s8.784 5.828 7.713 9.826m-1.932-.518c-.336 1.255-1.354 2.358-3.012 3.023c-1.659.666-3.843.83-6.13.216c-2.289-.613-4.099-1.846-5.202-3.252c-1.104-1.406-1.434-2.87-1.097-4.124c.336-1.255 1.353-2.358 3.012-3.023c1.659-.666 3.843-.829 6.13-.216s4.098 1.846 5.202 3.252s1.433 2.87 1.097 4.124m-4.478-11.175c2.395.642 4.727-.294 5.208-2.09c.482-1.796-1.07-3.773-3.465-4.414c-2.395-.642-4.726.294-5.208 2.09c-.48 1.796 1.07 3.773 3.465 4.414m2.577-1.987c.503-.202.658-.467.7-.62c.04-.154.039-.462-.296-.888c-.335-.427-.935-.858-1.755-1.077c-.82-.22-1.556-.148-2.06.055c-.502.201-.658.467-.699.62c-.041.154-.04.462.295.888c.336.427.936.858 1.756 1.078s1.555.147 2.059-.056" clip-rule="evenodd"/></g></svg>
How to use the Blood Cells Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:blood-cells-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:blood-cells-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:blood-cells-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--blood-cells-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:blood-cells-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-cells-outline"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/blood-cells-outline.svg" alt="Blood Cells Outline icon" width="24" height="24">
Related icons in Health Icons
Blood Cells Outline icon FAQ
Is the Blood Cells 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 Cells Outline icon in React?
Install @iconify/react and render <Icon icon="healthicons:blood-cells-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blood Cells Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/blood-cells-outline.svg" alt="Blood Cells Outline icon">, or paste the SVG code inline to style it with CSS.
Browse all Health Icons →
