Gentleface › Health & medical › body-mass-index

body-mass-index icon

Body mass index: body mass index. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.5 3C8.204 3 8.89 3.111 9.558 3.334C10.192 3.546 10.78 3.848 11.321 4.241C11.432 4.323 11.499 4.431 11.521 4.568C11.542 4.704 11.512 4.828 11.431 4.94C11.35 5.051 11.241 5.118 11.105 5.14C10.969 5.161 10.845 5.132 10.733 5.05C10.275 4.718 9.778 4.462 9.241 4.283C8.676 4.094 8.096 4 7.5 4C6.904 4 6.324 4.094 5.759 4.283C5.222 4.462 4.725 4.718 4.267 5.05C4.155 5.132 4.031 5.161 3.895 5.14C3.759 5.118 3.65 5.051 3.569 4.94C3.488 4.828 3.458 4.704 3.479 4.568C3.501 4.431 3.568 4.323 3.679 4.241C4.22 3.848 4.808 3.546 5.442 3.334C6.11 3.111 6.796 3 7.5 3ZM1.153 10.902C1.001 10.214 0.962 9.521 1.036 8.821C1.109 8.12 1.292 7.45 1.583 6.809C1.86 6.2 2.222 5.648 2.67 5.151C2.762 5.048 2.877 4.993 3.015 4.986C3.153 4.979 3.273 5.021 3.376 5.114C3.48 5.208 3.536 5.323 3.543 5.459C3.551 5.595 3.507 5.715 3.413 5.82C3.034 6.24 2.728 6.708 2.493 7.223C2.247 7.765 2.092 8.333 2.03 8.925C1.968 9.518 2.001 10.105 2.129 10.686C2.251 11.239 2.454 11.76 2.737 12.25C2.807 12.372 2.825 12.499 2.79 12.63C2.755 12.762 2.676 12.863 2.554 12.933C2.434 13.002 2.308 13.019 2.174 12.983C2.041 12.947 1.94 12.87 1.871 12.75C1.536 12.171 1.297 11.555 1.153 10.902ZM12.356 5.127C12.364 5.121 12.372 5.114 12.38 5.108C12.575 4.954 12.858 4.989 13.011 5.184C13.354 5.621 13.641 6.093 13.872 6.602C14.186 7.292 14.382 8.014 14.462 8.768C14.541 9.522 14.499 10.269 14.335 11.01C14.215 11.556 14.032 12.077 13.788 12.576C13.784 12.585 13.779 12.594 13.774 12.603C13.65 12.818 13.374 12.892 13.159 12.767L12.204 12.216C12.001 12.099 11.922 11.846 12.022 11.634C12.181 11.297 12.301 10.945 12.382 10.578C12.499 10.05 12.529 9.516 12.473 8.977C12.416 8.439 12.276 7.923 12.051 7.43C11.896 7.088 11.705 6.769 11.48 6.473C11.338 6.286 11.362 6.022 11.536 5.866L12.356 5.127ZM10.146 6.146C10.246 6.047 10.364 5.997 10.5 5.997C10.636 5.997 10.754 6.047 10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854L8.854 8.854C8.951 9.058 9 9.273 9 9.5C9 9.914 8.854 10.268 8.561 10.561C8.268 10.854 7.914 11 7.5 11C7.086 11 6.732 10.854 6.439 10.561C6.146 10.268 6 9.914 6 9.5C6 9.086 6.146 8.732 6.439 8.439C6.732 8.146 7.086 8 7.5 8C7.727 8 7.942 8.049 8.146 8.146L10.146 6.146Z"/></svg>

React

// Gentleface "body-mass-index" (line-round), MIT. https://gentleface.com/icons/body-mass-index
import type { SVGProps } from 'react';

export function BodyMassIndexIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.5 3C8.204 3 8.89 3.111 9.558 3.334C10.192 3.546 10.78 3.848 11.321 4.241C11.432 4.323 11.499 4.431 11.521 4.568C11.542 4.704 11.512 4.828 11.431 4.94C11.35 5.051 11.241 5.118 11.105 5.14C10.969 5.161 10.845 5.132 10.733 5.05C10.275 4.718 9.778 4.462 9.241 4.283C8.676 4.094 8.096 4 7.5 4C6.904 4 6.324 4.094 5.759 4.283C5.222 4.462 4.725 4.718 4.267 5.05C4.155 5.132 4.031 5.161 3.895 5.14C3.759 5.118 3.65 5.051 3.569 4.94C3.488 4.828 3.458 4.704 3.479 4.568C3.501 4.431 3.568 4.323 3.679 4.241C4.22 3.848 4.808 3.546 5.442 3.334C6.11 3.111 6.796 3 7.5 3ZM1.153 10.902C1.001 10.214 0.962 9.521 1.036 8.821C1.109 8.12 1.292 7.45 1.583 6.809C1.86 6.2 2.222 5.648 2.67 5.151C2.762 5.048 2.877 4.993 3.015 4.986C3.153 4.979 3.273 5.021 3.376 5.114C3.48 5.208 3.536 5.323 3.543 5.459C3.551 5.595 3.507 5.715 3.413 5.82C3.034 6.24 2.728 6.708 2.493 7.223C2.247 7.765 2.092 8.333 2.03 8.925C1.968 9.518 2.001 10.105 2.129 10.686C2.251 11.239 2.454 11.76 2.737 12.25C2.807 12.372 2.825 12.499 2.79 12.63C2.755 12.762 2.676 12.863 2.554 12.933C2.434 13.002 2.308 13.019 2.174 12.983C2.041 12.947 1.94 12.87 1.871 12.75C1.536 12.171 1.297 11.555 1.153 10.902ZM12.356 5.127C12.364 5.121 12.372 5.114 12.38 5.108C12.575 4.954 12.858 4.989 13.011 5.184C13.354 5.621 13.641 6.093 13.872 6.602C14.186 7.292 14.382 8.014 14.462 8.768C14.541 9.522 14.499 10.269 14.335 11.01C14.215 11.556 14.032 12.077 13.788 12.576C13.784 12.585 13.779 12.594 13.774 12.603C13.65 12.818 13.374 12.892 13.159 12.767L12.204 12.216C12.001 12.099 11.922 11.846 12.022 11.634C12.181 11.297 12.301 10.945 12.382 10.578C12.499 10.05 12.529 9.516 12.473 8.977C12.416 8.439 12.276 7.923 12.051 7.43C11.896 7.088 11.705 6.769 11.48 6.473C11.338 6.286 11.362 6.022 11.536 5.866L12.356 5.127ZM10.146 6.146C10.246 6.047 10.364 5.997 10.5 5.997C10.636 5.997 10.754 6.047 10.854 6.146C10.951 6.244 11 6.362 11 6.5C11 6.638 10.951 6.756 10.854 6.854L8.854 8.854C8.951 9.058 9 9.273 9 9.5C9 9.914 8.854 10.268 8.561 10.561C8.268 10.854 7.914 11 7.5 11C7.086 11 6.732 10.854 6.439 10.561C6.146 10.268 6 9.914 6 9.5C6 9.086 6.146 8.732 6.439 8.439C6.732 8.146 7.086 8 7.5 8C7.727 8 7.942 8.049 8.146 8.146L10.146 6.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/body-mass-index.md

Svelte

Svelte: see /icons/body-mass-index.md

HTML img

HTML img: see /icons/body-mass-index.md

CSS

CSS: see /icons/body-mass-index.md

Data URL

Data URL: see /icons/body-mass-index.md

Sprite

Sprite: see /icons/body-mass-index.md

SwiftUI

SwiftUI: see /icons/body-mass-index.md

Compose

Compose: see /icons/body-mass-index.md

Android XML

Android XML: see /icons/body-mass-index.md

Flutter

Flutter: see /icons/body-mass-index.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

body mass index

Tags

bmi, body-mass-index, weight, health, gauge, obesity, fitness

Category

Health & medical

Component name

BodyMassIndexIcon

History

2026-11-12 16 px redrawn, 20 px drawn, 24 px drawn, added

More health & medical icons

acupuncture ampoule antibody arrow-cool-down arrow-warm-up arrow-warm-up-dots bandage bandage-off bed-net biceps-flexed blister-pack blood-bag blood-drop blood-pressure blood-pressure-drop bone · all health & medical icons

For agents

Metadata: /icons/body-mass-index.json · Markdown: /icons/body-mass-index.md · SVG: https://gentleface.com/svg/{style}/16/body-mass-index.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/body-mass-index.png

body-mass-index icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More health & medical icons

For agents

body-mass-index icon