body mass index icon
body-mass-index from Health Icons by Resolve to Save Lives · Filled · Symbols · MIT Free for personal and commercial use.
- Name
- body-mass-index
- Set
- Health Icons
- Style
- Filled
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More symbols icons from Health Icons
Use the body mass index icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M16 21.75c0 .35-.326.75-.875.75H13V21h2.125c.55 0 .875.4.875.75m-.875 2.75H13V26h2.125c.55 0 .875-.4.875-.75s-.326-.75-.875-.75"/><path fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm3 13a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h3.125C16.647 28 18 26.833 18 25.25c0-.68-.25-1.283-.655-1.75c.405-.467.655-1.07.655-1.75c0-1.583-1.353-2.75-2.875-2.75zm18 1a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-1.5v5H36a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2h1.5v-5H31a1 1 0 0 1-1-1m-8 7v-4.297l1.24 1.448a1 1 0 0 0 1.52 0L26 22.703V27a1 1 0 1 0 2 0v-7a1 1 0 0 0-1.76-.65L24 21.962l-2.24-2.614A1 1 0 0 0 20 20v7a1 1 0 1 0 2 0" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsBodyMassIndex(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="M16 21.75c0 .35-.326.75-.875.75H13V21h2.125c.55 0 .875.4.875.75m-.875 2.75H13V26h2.125c.55 0 .875-.4.875-.75s-.326-.75-.875-.75"/><path fillRule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm3 13a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h3.125C16.647 28 18 26.833 18 25.25c0-.68-.25-1.283-.655-1.75c.405-.467.655-1.07.655-1.75c0-1.583-1.353-2.75-2.875-2.75zm18 1a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-1.5v5H36a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2h1.5v-5H31a1 1 0 0 1-1-1m-8 7v-4.297l1.24 1.448a1 1 0 0 0 1.52 0L26 22.703V27a1 1 0 1 0 2 0v-7a1 1 0 0 0-1.76-.65L24 21.962l-2.24-2.614A1 1 0 0 0 20 20v7a1 1 0 1 0 2 0" 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="M16 21.75c0 .35-.326.75-.875.75H13V21h2.125c.55 0 .875.4.875.75m-.875 2.75H13V26h2.125c.55 0 .875-.4.875-.75s-.326-.75-.875-.75"/><path fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm3 13a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h3.125C16.647 28 18 26.833 18 25.25c0-.68-.25-1.283-.655-1.75c.405-.467.655-1.07.655-1.75c0-1.583-1.353-2.75-2.875-2.75zm18 1a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2h-1.5v5H36a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2h1.5v-5H31a1 1 0 0 1-1-1m-8 7v-4.297l1.24 1.448a1 1 0 0 0 1.52 0L26 22.703V27a1 1 0 1 0 2 0v-7a1 1 0 0 0-1.76-.65L24 21.962l-2.24-2.614A1 1 0 0 0 20 20v7a1 1 0 1 0 2 0" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-body-mass-index {
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%22M16%2021.75c0%20.35-.326.75-.875.75H13V21h2.125c.55%200%20.875.4.875.75m-.875%202.75H13V26h2.125c.55%200%20.875-.4.875-.75s-.326-.75-.875-.75%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%206a3%203%200%200%200-3%203v30a3%203%200%200%200%203%203h30a3%203%200%200%200%203-3V9a3%203%200%200%200-3-3zm3%2013a1%201%200%200%200-1%201v7a1%201%200%200%200%201%201h3.125C16.647%2028%2018%2026.833%2018%2025.25c0-.68-.25-1.283-.655-1.75c.405-.467.655-1.07.655-1.75c0-1.583-1.353-2.75-2.875-2.75zm18%201a1%201%200%200%201%201-1h5a1%201%200%201%201%200%202h-1.5v5H36a1%201%200%201%201%200%202h-5a1%201%200%201%201%200-2h1.5v-5H31a1%201%200%200%201-1-1m-8%207v-4.297l1.24%201.448a1%201%200%200%200%201.52%200L26%2022.703V27a1%201%200%201%200%202%200v-7a1%201%200%200%200-1.76-.65L24%2021.962l-2.24-2.614A1%201%200%200%200%2020%2020v7a1%201%200%201%200%202%200%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%22M16%2021.75c0%20.35-.326.75-.875.75H13V21h2.125c.55%200%20.875.4.875.75m-.875%202.75H13V26h2.125c.55%200%20.875-.4.875-.75s-.326-.75-.875-.75%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%206a3%203%200%200%200-3%203v30a3%203%200%200%200%203%203h30a3%203%200%200%200%203-3V9a3%203%200%200%200-3-3zm3%2013a1%201%200%200%200-1%201v7a1%201%200%200%200%201%201h3.125C16.647%2028%2018%2026.833%2018%2025.25c0-.68-.25-1.283-.655-1.75c.405-.467.655-1.07.655-1.75c0-1.583-1.353-2.75-2.875-2.75zm18%201a1%201%200%200%201%201-1h5a1%201%200%201%201%200%202h-1.5v5H36a1%201%200%201%201%200%202h-5a1%201%200%201%201%200-2h1.5v-5H31a1%201%200%200%201-1-1m-8%207v-4.297l1.24%201.448a1%201%200%200%200%201.52%200L26%2022.703V27a1%201%200%201%200%202%200v-7a1%201%200%200%200-1.76-.65L24%2021.962l-2.24-2.614A1%201%200%200%200%2020%2020v7a1%201%200%201%200%202%200%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/body-mass-index.svg?color=%231a73e8&size=48
