health metrics icon

health-metrics-rounded from Material Symbols Light by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.

Name
health-metrics-rounded
Set
Material Symbols Light
Style
Rounded
Category
Activities
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

health-metricshealth-metrics-outlinehealth-metrics-outline-roundedhealth-metrics-outline-sharphealth-metrics-sharp

The same icon in other sets

health-metricsMaterial Symbols

More activities icons from Material Symbols Light

airarchitecturearrow-cool-downarrow-warm-upavg-paceavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiabiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstruction

Use the health metrics icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.616 20.846q-.667 0-1.141-.474Q8 19.897 8 19.23V16H4.77q-.667 0-1.142-.475q-.474-.474-.474-1.14V12.5h5.565l1.854 2.78q.068.105.168.162t.232.058q.173 0 .304-.094t.192-.26l1.677-5.03l1.427 2.146q.076.106.189.172T15 12.5h5.846v1.885q0 .666-.474 1.14q-.475.475-1.141.475H16v3.23q0 .667-.475 1.142q-.474.474-1.14.474zm1.238-6.961l-1.452-2.166q-.067-.104-.167-.161T9 11.5H3.154V9.616q0-.667.474-1.141Q4.103 8 4.77 8H8V4.77q0-.667.475-1.142q.474-.474 1.14-.474h4.77q.666 0 1.14.474Q16 4.103 16 4.77V8h3.23q.667 0 1.142.475q.474.474.474 1.14V11.5h-5.59L13.42 8.72q-.064-.098-.18-.159t-.245-.061q-.167 0-.285.094t-.18.26z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHealthMetricsRounded(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="M9.616 20.846q-.667 0-1.141-.474Q8 19.897 8 19.23V16H4.77q-.667 0-1.142-.475q-.474-.474-.474-1.14V12.5h5.565l1.854 2.78q.068.105.168.162t.232.058q.173 0 .304-.094t.192-.26l1.677-5.03l1.427 2.146q.076.106.189.172T15 12.5h5.846v1.885q0 .666-.474 1.14q-.475.475-1.141.475H16v3.23q0 .667-.475 1.142q-.474.474-1.14.474zm1.238-6.961l-1.452-2.166q-.067-.104-.167-.161T9 11.5H3.154V9.616q0-.667.474-1.141Q4.103 8 4.77 8H8V4.77q0-.667.475-1.142q.474-.474 1.14-.474h4.77q.666 0 1.14.474Q16 4.103 16 4.77V8h3.23q.667 0 1.142.475q.474.474.474 1.14V11.5h-5.59L13.42 8.72q-.064-.098-.18-.159t-.245-.061q-.167 0-.285.094t-.18.26z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.616 20.846q-.667 0-1.141-.474Q8 19.897 8 19.23V16H4.77q-.667 0-1.142-.475q-.474-.474-.474-1.14V12.5h5.565l1.854 2.78q.068.105.168.162t.232.058q.173 0 .304-.094t.192-.26l1.677-5.03l1.427 2.146q.076.106.189.172T15 12.5h5.846v1.885q0 .666-.474 1.14q-.475.475-1.141.475H16v3.23q0 .667-.475 1.142q-.474.474-1.14.474zm1.238-6.961l-1.452-2.166q-.067-.104-.167-.161T9 11.5H3.154V9.616q0-.667.474-1.141Q4.103 8 4.77 8H8V4.77q0-.667.475-1.142q.474-.474 1.14-.474h4.77q.666 0 1.14.474Q16 4.103 16 4.77V8h3.23q.667 0 1.142.475q.474.474.474 1.14V11.5h-5.59L13.42 8.72q-.064-.098-.18-.159t-.245-.061q-.167 0-.285.094t-.18.26z"/></svg>
</template>

CSS

.icon-health-metrics-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%22M9.616%2020.846q-.667%200-1.141-.474Q8%2019.897%208%2019.23V16H4.77q-.667%200-1.142-.475q-.474-.474-.474-1.14V12.5h5.565l1.854%202.78q.068.105.168.162t.232.058q.173%200%20.304-.094t.192-.26l1.677-5.03l1.427%202.146q.076.106.189.172T15%2012.5h5.846v1.885q0%20.666-.474%201.14q-.475.475-1.141.475H16v3.23q0%20.667-.475%201.142q-.474.474-1.14.474zm1.238-6.961l-1.452-2.166q-.067-.104-.167-.161T9%2011.5H3.154V9.616q0-.667.474-1.141Q4.103%208%204.77%208H8V4.77q0-.667.475-1.142q.474-.474%201.14-.474h4.77q.666%200%201.14.474Q16%204.103%2016%204.77V8h3.23q.667%200%201.142.475q.474.474.474%201.14V11.5h-5.59L13.42%208.72q-.064-.098-.18-.159t-.245-.061q-.167%200-.285.094t-.18.26z%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%22M9.616%2020.846q-.667%200-1.141-.474Q8%2019.897%208%2019.23V16H4.77q-.667%200-1.142-.475q-.474-.474-.474-1.14V12.5h5.565l1.854%202.78q.068.105.168.162t.232.058q.173%200%20.304-.094t.192-.26l1.677-5.03l1.427%202.146q.076.106.189.172T15%2012.5h5.846v1.885q0%20.666-.474%201.14q-.475.475-1.141.475H16v3.23q0%20.667-.475%201.142q-.474.474-1.14.474zm1.238-6.961l-1.452-2.166q-.067-.104-.167-.161T9%2011.5H3.154V9.616q0-.667.474-1.141Q4.103%208%204.77%208H8V4.77q0-.667.475-1.142q.474-.474%201.14-.474h4.77q.666%200%201.14.474Q16%204.103%2016%204.77V8h3.23q.667%200%201.142.475q.474.474.474%201.14V11.5h-5.59L13.42%208.72q-.064-.098-.18-.159t-.245-.061q-.167%200-.285.094t-.18.26z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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