bloodtype icon

bloodtype-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: bloodtype-rounded
Set: Material Symbols Light
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

bloodtype bloodtype-outline bloodtype-outline-rounded

The same icon in other sets

bloodtypeMaterial Symbols

More social icons from Material Symbols Light

Use the bloodtype icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.999 18.938Q5 16.875 5 13.803q0-1.36.62-2.74q.619-1.38 1.547-2.648q.93-1.269 2.006-2.392q1.077-1.124 2-1.956q.18-.161.393-.249q.212-.087.434-.087t.434.087t.393.25q.923.83 2 1.955q1.077 1.123 2.006 2.391t1.548 2.649t.619 2.74q0 3.072-2.002 5.135Q14.994 21 11.996 21t-4.998-2.062M10 17.5h4q.213 0 .356-.144t.144-.357t-.144-.356T14 16.5h-4q-.213 0-.356.144t-.144.357t.144.356t.356.143m1.5-5V14q0 .213.144.356t.357.144t.356-.144T12.5 14v-1.5H14q.213 0 .356-.144t.144-.357t-.144-.356T14 11.5h-1.5V10q0-.213-.144-.356t-.357-.144t-.356.144T11.5 10v1.5H10q-.213 0-.356.144t-.144.357t.144.356t.356.143z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightBloodtypeRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.999 18.938Q5 16.875 5 13.803q0-1.36.62-2.74q.619-1.38 1.547-2.648q.93-1.269 2.006-2.392q1.077-1.124 2-1.956q.18-.161.393-.249q.212-.087.434-.087t.434.087t.393.25q.923.83 2 1.955q1.077 1.123 2.006 2.391t1.548 2.649t.619 2.74q0 3.072-2.002 5.135Q14.994 21 11.996 21t-4.998-2.062M10 17.5h4q.213 0 .356-.144t.144-.357t-.144-.356T14 16.5h-4q-.213 0-.356.144t-.144.357t.144.356t.356.143m1.5-5V14q0 .213.144.356t.357.144t.356-.144T12.5 14v-1.5H14q.213 0 .356-.144t.144-.357t-.144-.356T14 11.5h-1.5V10q0-.213-.144-.356t-.357-.144t-.356.144T11.5 10v1.5H10q-.213 0-.356.144t-.144.357t.144.356t.356.143z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.999 18.938Q5 16.875 5 13.803q0-1.36.62-2.74q.619-1.38 1.547-2.648q.93-1.269 2.006-2.392q1.077-1.124 2-1.956q.18-.161.393-.249q.212-.087.434-.087t.434.087t.393.25q.923.83 2 1.955q1.077 1.123 2.006 2.391t1.548 2.649t.619 2.74q0 3.072-2.002 5.135Q14.994 21 11.996 21t-4.998-2.062M10 17.5h4q.213 0 .356-.144t.144-.357t-.144-.356T14 16.5h-4q-.213 0-.356.144t-.144.357t.144.356t.356.143m1.5-5V14q0 .213.144.356t.357.144t.356-.144T12.5 14v-1.5H14q.213 0 .356-.144t.144-.357t-.144-.356T14 11.5h-1.5V10q0-.213-.144-.356t-.357-.144t-.356.144T11.5 10v1.5H10q-.213 0-.356.144t-.144.357t.144.356t.356.143z"/></svg>
</template>

CSS

.icon-bloodtype-rounded {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.999%2018.938Q5%2016.875%205%2013.803q0-1.36.62-2.74q.619-1.38%201.547-2.648q.93-1.269%202.006-2.392q1.077-1.124%202-1.956q.18-.161.393-.249q.212-.087.434-.087t.434.087t.393.25q.923.83%202%201.955q1.077%201.123%202.006%202.391t1.548%202.649t.619%202.74q0%203.072-2.002%205.135Q14.994%2021%2011.996%2021t-4.998-2.062M10%2017.5h4q.213%200%20.356-.144t.144-.357t-.144-.356T14%2016.5h-4q-.213%200-.356.144t-.144.357t.144.356t.356.143m1.5-5V14q0%20.213.144.356t.357.144t.356-.144T12.5%2014v-1.5H14q.213%200%20.356-.144t.144-.357t-.144-.356T14%2011.5h-1.5V10q0-.213-.144-.356t-.357-.144t-.356.144T11.5%2010v1.5H10q-.213%200-.356.144t-.144.357t.144.356t.356.143z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.999%2018.938Q5%2016.875%205%2013.803q0-1.36.62-2.74q.619-1.38%201.547-2.648q.93-1.269%202.006-2.392q1.077-1.124%202-1.956q.18-.161.393-.249q.212-.087.434-.087t.434.087t.393.25q.923.83%202%201.955q1.077%201.123%202.006%202.391t1.548%202.649t.619%202.74q0%203.072-2.002%205.135Q14.994%2021%2011.996%2021t-4.998-2.062M10%2017.5h4q.213%200%20.356-.144t.144-.357t-.144-.356T14%2016.5h-4q-.213%200-.356.144t-.144.357t.144.356t.356.143m1.5-5V14q0%20.213.144.356t.357.144t.356-.144T12.5%2014v-1.5H14q.213%200%20.356-.144t.144-.357t-.144-.356T14%2011.5h-1.5V10q0-.213-.144-.356t-.357-.144t-.356.144T11.5%2010v1.5H10q-.213%200-.356.144t-.144.357t.144.356t.356.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/bloodtype-rounded.svg?color=%231a73e8&size=48