medium level icon
medium-level from Health Icons by Resolve to Save Lives · Filled · Symbols · MIT Free for personal and commercial use.
- Name
- medium-level
- Set
- Health Icons
- Style
- Filled
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More symbols icons from Health Icons
Use the medium level icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M35.465 12.12A17.92 17.92 0 0 0 25 8.028V13h-2V8.027a17.93 17.93 0 0 0-10.465 4.094l3 3l-1.414 1.415l-3.056-3.057A17.93 17.93 0 0 0 6.109 24h3.944v2H6a17.9 17.9 0 0 0 3.864 11.127l2.919-2.918l1.414 1.414l-3.005 3.006l.018.019l-1.42 1.407A19.92 19.92 0 0 1 4 25.99C4 14.95 12.955 6 24 6s20 8.949 20 19.99a19.93 19.93 0 0 1-6.085 14.357l-1.391-1.437l.012-.012l-3.477-3.477l1.415-1.414l3.42 3.42A17.9 17.9 0 0 0 42 26h-4.316v-2h4.207a17.93 17.93 0 0 0-4.956-10.52L34 16.413L32.586 15z"/><path d="M20.627 37.704c-.029.392.087.781.325 1.094l1.923 2.212c1.125.49 1.625.49 2.568 0l1.922-2.212c.238-.313.354-.702.326-1.094L25.31 23.902c-.145-1.997-2.17-2.015-2.314-.018z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMediumLevel(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="M35.465 12.12A17.92 17.92 0 0 0 25 8.028V13h-2V8.027a17.93 17.93 0 0 0-10.465 4.094l3 3l-1.414 1.415l-3.056-3.057A17.93 17.93 0 0 0 6.109 24h3.944v2H6a17.9 17.9 0 0 0 3.864 11.127l2.919-2.918l1.414 1.414l-3.005 3.006l.018.019l-1.42 1.407A19.92 19.92 0 0 1 4 25.99C4 14.95 12.955 6 24 6s20 8.949 20 19.99a19.93 19.93 0 0 1-6.085 14.357l-1.391-1.437l.012-.012l-3.477-3.477l1.415-1.414l3.42 3.42A17.9 17.9 0 0 0 42 26h-4.316v-2h4.207a17.93 17.93 0 0 0-4.956-10.52L34 16.413L32.586 15z"/><path d="M20.627 37.704c-.029.392.087.781.325 1.094l1.923 2.212c1.125.49 1.625.49 2.568 0l1.922-2.212c.238-.313.354-.702.326-1.094L25.31 23.902c-.145-1.997-2.17-2.015-2.314-.018z"/></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="M35.465 12.12A17.92 17.92 0 0 0 25 8.028V13h-2V8.027a17.93 17.93 0 0 0-10.465 4.094l3 3l-1.414 1.415l-3.056-3.057A17.93 17.93 0 0 0 6.109 24h3.944v2H6a17.9 17.9 0 0 0 3.864 11.127l2.919-2.918l1.414 1.414l-3.005 3.006l.018.019l-1.42 1.407A19.92 19.92 0 0 1 4 25.99C4 14.95 12.955 6 24 6s20 8.949 20 19.99a19.93 19.93 0 0 1-6.085 14.357l-1.391-1.437l.012-.012l-3.477-3.477l1.415-1.414l3.42 3.42A17.9 17.9 0 0 0 42 26h-4.316v-2h4.207a17.93 17.93 0 0 0-4.956-10.52L34 16.413L32.586 15z"/><path d="M20.627 37.704c-.029.392.087.781.325 1.094l1.923 2.212c1.125.49 1.625.49 2.568 0l1.922-2.212c.238-.313.354-.702.326-1.094L25.31 23.902c-.145-1.997-2.17-2.015-2.314-.018z"/></g></svg> </template>
CSS
.icon-medium-level {
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%22M35.465%2012.12A17.92%2017.92%200%200%200%2025%208.028V13h-2V8.027a17.93%2017.93%200%200%200-10.465%204.094l3%203l-1.414%201.415l-3.056-3.057A17.93%2017.93%200%200%200%206.109%2024h3.944v2H6a17.9%2017.9%200%200%200%203.864%2011.127l2.919-2.918l1.414%201.414l-3.005%203.006l.018.019l-1.42%201.407A19.92%2019.92%200%200%201%204%2025.99C4%2014.95%2012.955%206%2024%206s20%208.949%2020%2019.99a19.93%2019.93%200%200%201-6.085%2014.357l-1.391-1.437l.012-.012l-3.477-3.477l1.415-1.414l3.42%203.42A17.9%2017.9%200%200%200%2042%2026h-4.316v-2h4.207a17.93%2017.93%200%200%200-4.956-10.52L34%2016.413L32.586%2015z%22%2F%3E%3Cpath%20d%3D%22M20.627%2037.704c-.029.392.087.781.325%201.094l1.923%202.212c1.125.49%201.625.49%202.568%200l1.922-2.212c.238-.313.354-.702.326-1.094L25.31%2023.902c-.145-1.997-2.17-2.015-2.314-.018z%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%22M35.465%2012.12A17.92%2017.92%200%200%200%2025%208.028V13h-2V8.027a17.93%2017.93%200%200%200-10.465%204.094l3%203l-1.414%201.415l-3.056-3.057A17.93%2017.93%200%200%200%206.109%2024h3.944v2H6a17.9%2017.9%200%200%200%203.864%2011.127l2.919-2.918l1.414%201.414l-3.005%203.006l.018.019l-1.42%201.407A19.92%2019.92%200%200%201%204%2025.99C4%2014.95%2012.955%206%2024%206s20%208.949%2020%2019.99a19.93%2019.93%200%200%201-6.085%2014.357l-1.391-1.437l.012-.012l-3.477-3.477l1.415-1.414l3.42%203.42A17.9%2017.9%200%200%200%2042%2026h-4.316v-2h4.207a17.93%2017.93%200%200%200-4.956-10.52L34%2016.413L32.586%2015z%22%2F%3E%3Cpath%20d%3D%22M20.627%2037.704c-.029.392.087.781.325%201.094l1.923%202.212c1.125.49%201.625.49%202.568%200l1.922-2.212c.238-.313.354-.702.326-1.094L25.31%2023.902c-.145-1.997-2.17-2.015-2.314-.018z%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/medium-level.svg?color=%231a73e8&size=48