body fat icon
body-fat-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- body-fat-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- body-fat-outline-rounded
2 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the body fat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.658 19.404l-11.962-5.95q-.464-.224-.676-.622t-.212-.827t.212-.822t.676-.612L16.658 4.61q.403-.212.821-.182t.765.245t.551.56t.205.811V8.5h.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2q-.213 0-.356-.144T17 8.999t.144-.356t.356-.143h.5V6.094q0-.346-.288-.529q-.289-.182-.596-.029l-4.093 2.021q.675.999 1.076 2.124T14.5 12q0 1.217-.401 2.356t-1.082 2.136l4.074 2.021q.307.154.596-.029q.288-.182.288-.528V15.5h-.48q-.216 0-.355-.144q-.14-.144-.14-.357t.144-.356t.356-.143h2q.213 0 .356.144t.144.357t-.144.356t-.356.143H19v2.456q0 .466-.205.81q-.205.346-.553.563t-.764.252t-.82-.177m-4.562-3.375q.638-.888 1.021-1.905t.383-2.117t-.373-2.108t-1.006-1.883l-6.967 3.426q-.346.173-.346.558t.346.558z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBodyFatRounded(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="m16.658 19.404l-11.962-5.95q-.464-.224-.676-.622t-.212-.827t.212-.822t.676-.612L16.658 4.61q.403-.212.821-.182t.765.245t.551.56t.205.811V8.5h.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2q-.213 0-.356-.144T17 8.999t.144-.356t.356-.143h.5V6.094q0-.346-.288-.529q-.289-.182-.596-.029l-4.093 2.021q.675.999 1.076 2.124T14.5 12q0 1.217-.401 2.356t-1.082 2.136l4.074 2.021q.307.154.596-.029q.288-.182.288-.528V15.5h-.48q-.216 0-.355-.144q-.14-.144-.14-.357t.144-.356t.356-.143h2q.213 0 .356.144t.144.357t-.144.356t-.356.143H19v2.456q0 .466-.205.81q-.205.346-.553.563t-.764.252t-.82-.177m-4.562-3.375q.638-.888 1.021-1.905t.383-2.117t-.373-2.108t-1.006-1.883l-6.967 3.426q-.346.173-.346.558t.346.558z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.658 19.404l-11.962-5.95q-.464-.224-.676-.622t-.212-.827t.212-.822t.676-.612L16.658 4.61q.403-.212.821-.182t.765.245t.551.56t.205.811V8.5h.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2q-.213 0-.356-.144T17 8.999t.144-.356t.356-.143h.5V6.094q0-.346-.288-.529q-.289-.182-.596-.029l-4.093 2.021q.675.999 1.076 2.124T14.5 12q0 1.217-.401 2.356t-1.082 2.136l4.074 2.021q.307.154.596-.029q.288-.182.288-.528V15.5h-.48q-.216 0-.355-.144q-.14-.144-.14-.357t.144-.356t.356-.143h2q.213 0 .356.144t.144.357t-.144.356t-.356.143H19v2.456q0 .466-.205.81q-.205.346-.553.563t-.764.252t-.82-.177m-4.562-3.375q.638-.888 1.021-1.905t.383-2.117t-.373-2.108t-1.006-1.883l-6.967 3.426q-.346.173-.346.558t.346.558z"/></svg> </template>
CSS
.icon-body-fat-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%22m16.658%2019.404l-11.962-5.95q-.464-.224-.676-.622t-.212-.827t.212-.822t.676-.612L16.658%204.61q.403-.212.821-.182t.765.245t.551.56t.205.811V8.5h.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-2q-.213%200-.356-.144T17%208.999t.144-.356t.356-.143h.5V6.094q0-.346-.288-.529q-.289-.182-.596-.029l-4.093%202.021q.675.999%201.076%202.124T14.5%2012q0%201.217-.401%202.356t-1.082%202.136l4.074%202.021q.307.154.596-.029q.288-.182.288-.528V15.5h-.48q-.216%200-.355-.144q-.14-.144-.14-.357t.144-.356t.356-.143h2q.213%200%20.356.144t.144.357t-.144.356t-.356.143H19v2.456q0%20.466-.205.81q-.205.346-.553.563t-.764.252t-.82-.177m-4.562-3.375q.638-.888%201.021-1.905t.383-2.117t-.373-2.108t-1.006-1.883l-6.967%203.426q-.346.173-.346.558t.346.558z%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%22m16.658%2019.404l-11.962-5.95q-.464-.224-.676-.622t-.212-.827t.212-.822t.676-.612L16.658%204.61q.403-.212.821-.182t.765.245t.551.56t.205.811V8.5h.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-2q-.213%200-.356-.144T17%208.999t.144-.356t.356-.143h.5V6.094q0-.346-.288-.529q-.289-.182-.596-.029l-4.093%202.021q.675.999%201.076%202.124T14.5%2012q0%201.217-.401%202.356t-1.082%202.136l4.074%202.021q.307.154.596-.029q.288-.182.288-.528V15.5h-.48q-.216%200-.355-.144q-.14-.144-.14-.357t.144-.356t.356-.143h2q.213%200%20.356.144t.144.357t-.144.356t-.356.143H19v2.456q0%20.466-.205.81q-.205.346-.553.563t-.764.252t-.82-.177m-4.562-3.375q.638-.888%201.021-1.905t.383-2.117t-.373-2.108t-1.006-1.883l-6.967%203.426q-.346.173-.346.558t.346.558z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/body-fat-rounded.svg?color=%231a73e8&size=48
