blood drop icon
blood-drop-outline from Health Icons by Resolve to Save Lives · Outline · Body · MIT Free for personal and commercial use.
- Name
- blood-drop-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Body
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More body icons from Health Icons
Use the blood drop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M15.465 31.398a1 1 0 1 0-1.902.62a11.53 11.53 0 0 0 4.178 5.767a11.48 11.48 0 0 0 6.759 2.203c.552 0 1-.449 1-1.003s-.448-1.003-1-1.003a9.5 9.5 0 0 1-5.584-1.82a9.53 9.53 0 0 1-3.451-4.764"/><path fill-rule="evenodd" d="m24 4l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72 72 0 0 0-6.492 7.621C12.681 17.68 9 24.082 9 30.08C9 37.845 15.796 44 24 44s15-6.155 15-13.92c0-6-3.681-12.401-7.195-17.18a72 72 0 0 0-6.492-7.622a42 42 0 0 0-.578-.574l-.032-.032l-.01-.008zm-1.451 4.334A64 64 0 0 1 24 6.8a70 70 0 0 1 6.195 7.29C33.681 18.832 37 24.777 37 30.08c0 6.503-5.74 11.914-13 11.914S11 36.583 11 30.08c0-5.303 3.319-11.248 6.805-15.99a70 70 0 0 1 4.744-5.756" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsBloodDropOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M15.465 31.398a1 1 0 1 0-1.902.62a11.53 11.53 0 0 0 4.178 5.767a11.48 11.48 0 0 0 6.759 2.203c.552 0 1-.449 1-1.003s-.448-1.003-1-1.003a9.5 9.5 0 0 1-5.584-1.82a9.53 9.53 0 0 1-3.451-4.764"/><path fillRule="evenodd" d="m24 4l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72 72 0 0 0-6.492 7.621C12.681 17.68 9 24.082 9 30.08C9 37.845 15.796 44 24 44s15-6.155 15-13.92c0-6-3.681-12.401-7.195-17.18a72 72 0 0 0-6.492-7.622a42 42 0 0 0-.578-.574l-.032-.032l-.01-.008zm-1.451 4.334A64 64 0 0 1 24 6.8a70 70 0 0 1 6.195 7.29C33.681 18.832 37 24.777 37 30.08c0 6.503-5.74 11.914-13 11.914S11 36.583 11 30.08c0-5.303 3.319-11.248 6.805-15.99a70 70 0 0 1 4.744-5.756" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M15.465 31.398a1 1 0 1 0-1.902.62a11.53 11.53 0 0 0 4.178 5.767a11.48 11.48 0 0 0 6.759 2.203c.552 0 1-.449 1-1.003s-.448-1.003-1-1.003a9.5 9.5 0 0 1-5.584-1.82a9.53 9.53 0 0 1-3.451-4.764"/><path fill-rule="evenodd" d="m24 4l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72 72 0 0 0-6.492 7.621C12.681 17.68 9 24.082 9 30.08C9 37.845 15.796 44 24 44s15-6.155 15-13.92c0-6-3.681-12.401-7.195-17.18a72 72 0 0 0-6.492-7.622a42 42 0 0 0-.578-.574l-.032-.032l-.01-.008zm-1.451 4.334A64 64 0 0 1 24 6.8a70 70 0 0 1 6.195 7.29C33.681 18.832 37 24.777 37 30.08c0 6.503-5.74 11.914-13 11.914S11 36.583 11 30.08c0-5.303 3.319-11.248 6.805-15.99a70 70 0 0 1 4.744-5.756" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-blood-drop-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.465%2031.398a1%201%200%201%200-1.902.62a11.53%2011.53%200%200%200%204.178%205.767a11.48%2011.48%200%200%200%206.759%202.203c.552%200%201-.449%201-1.003s-.448-1.003-1-1.003a9.5%209.5%200%200%201-5.584-1.82a9.53%209.53%200%200%201-3.451-4.764%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m24%204l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72%2072%200%200%200-6.492%207.621C12.681%2017.68%209%2024.082%209%2030.08C9%2037.845%2015.796%2044%2024%2044s15-6.155%2015-13.92c0-6-3.681-12.401-7.195-17.18a72%2072%200%200%200-6.492-7.622a42%2042%200%200%200-.578-.574l-.032-.032l-.01-.008zm-1.451%204.334A64%2064%200%200%201%2024%206.8a70%2070%200%200%201%206.195%207.29C33.681%2018.832%2037%2024.777%2037%2030.08c0%206.503-5.74%2011.914-13%2011.914S11%2036.583%2011%2030.08c0-5.303%203.319-11.248%206.805-15.99a70%2070%200%200%201%204.744-5.756%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15.465%2031.398a1%201%200%201%200-1.902.62a11.53%2011.53%200%200%200%204.178%205.767a11.48%2011.48%200%200%200%206.759%202.203c.552%200%201-.449%201-1.003s-.448-1.003-1-1.003a9.5%209.5%200%200%201-5.584-1.82a9.53%209.53%200%200%201-3.451-4.764%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m24%204l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72%2072%200%200%200-6.492%207.621C12.681%2017.68%209%2024.082%209%2030.08C9%2037.845%2015.796%2044%2024%2044s15-6.155%2015-13.92c0-6-3.681-12.401-7.195-17.18a72%2072%200%200%200-6.492-7.622a42%2042%200%200%200-.578-.574l-.032-.032l-.01-.008zm-1.451%204.334A64%2064%200%200%201%2024%206.8a70%2070%200%200%201%206.195%207.29C33.681%2018.832%2037%2024.777%2037%2030.08c0%206.503-5.74%2011.914-13%2011.914S11%2036.583%2011%2030.08c0-5.303%203.319-11.248%206.805-15.99a70%2070%200%200%201%204.744-5.756%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/blood-drop-outline.svg?color=%231a73e8&size=48