community healthworker icon

community-healthworker-24px from Health Icons by Resolve to Save Lives · Filled 24px · People · MIT Free for personal and commercial use.

Name
community-healthworker-24px
Set
Health Icons
Style
Filled 24px
Category
People
Viewbox
24×24
License
MIT

3 other variants in Health Icons

More people icons from Health Icons

Use the community healthworker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M12.97 7.47L17 3.44l4.03 4.03l-1.06 1.06l-.47-.47V10H18V8.75a1 1 0 1 0-2 0V10h-1.5V8.06l-.47.47zm0 10l4.53-4.53l4.53 4.53l-1.06 1.06l-.47-.47V20h-2v-1.25a1 1 0 1 0-2 0V20h-2v-1.94l-.47.47z"/></svg>

React

import type { SVGProps } from "react";

export function HealthiconsCommunityHealthworker24px(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="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M12.97 7.47L17 3.44l4.03 4.03l-1.06 1.06l-.47-.47V10H18V8.75a1 1 0 1 0-2 0V10h-1.5V8.06l-.47.47zm0 10l4.53-4.53l4.53 4.53l-1.06 1.06l-.47-.47V20h-2v-1.25a1 1 0 1 0-2 0V20h-2v-1.94l-.47.47z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4m1.759 5.103l.086-1.47l.421 2.297a1 1 0 1 0 1.967-.36l-.537-2.93A2 2 0 0 0 9.25 8.017V8h-4l.002.018A2 2 0 0 0 3.554 9.64l-.538 2.93a1 1 0 1 0 1.968.361l.42-2.297l.087 1.47a1 1 0 0 1-.025.29L4.25 17.5s.817.5 3 .5s3-.5 3-.5l-1.216-5.107a1 1 0 0 1-.025-.29M4.75 20.14v-1.42l.055.014c.458.12 1.126.234 2.047.26l-.418 1.393a.86.86 0 0 1-1.684-.247m2.898-1.146l.418 1.393a.86.86 0 0 0 1.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M12.97 7.47L17 3.44l4.03 4.03l-1.06 1.06l-.47-.47V10H18V8.75a1 1 0 1 0-2 0V10h-1.5V8.06l-.47.47zm0 10l4.53-4.53l4.53 4.53l-1.06 1.06l-.47-.47V20h-2v-1.25a1 1 0 1 0-2 0V20h-2v-1.94l-.47.47z"/></svg>
</template>

CSS

.icon-community-healthworker-24px {
  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%22M7.25%207a2%202%200%201%200%200-4a2%202%200%200%200%200%204m1.759%205.103l.086-1.47l.421%202.297a1%201%200%201%200%201.967-.36l-.537-2.93A2%202%200%200%200%209.25%208.017V8h-4l.002.018A2%202%200%200%200%203.554%209.64l-.538%202.93a1%201%200%201%200%201.968.361l.42-2.297l.087%201.47a1%201%200%200%201-.025.29L4.25%2017.5s.817.5%203%20.5s3-.5%203-.5l-1.216-5.107a1%201%200%200%201-.025-.29M4.75%2020.14v-1.42l.055.014c.458.12%201.126.234%202.047.26l-.418%201.393a.86.86%200%200%201-1.684-.247m2.898-1.146l.418%201.393a.86.86%200%200%200%201.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M12.97%207.47L17%203.44l4.03%204.03l-1.06%201.06l-.47-.47V10H18V8.75a1%201%200%201%200-2%200V10h-1.5V8.06l-.47.47zm0%2010l4.53-4.53l4.53%204.53l-1.06%201.06l-.47-.47V20h-2v-1.25a1%201%200%201%200-2%200V20h-2v-1.94l-.47.47z%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%22M7.25%207a2%202%200%201%200%200-4a2%202%200%200%200%200%204m1.759%205.103l.086-1.47l.421%202.297a1%201%200%201%200%201.967-.36l-.537-2.93A2%202%200%200%200%209.25%208.017V8h-4l.002.018A2%202%200%200%200%203.554%209.64l-.538%202.93a1%201%200%201%200%201.968.361l.42-2.297l.087%201.47a1%201%200%200%201-.025.29L4.25%2017.5s.817.5%203%20.5s3-.5%203-.5l-1.216-5.107a1%201%200%200%201-.025-.29M4.75%2020.14v-1.42l.055.014c.458.12%201.126.234%202.047.26l-.418%201.393a.86.86%200%200%201-1.684-.247m2.898-1.146l.418%201.393a.86.86%200%200%200%201.684-.247v-1.42l-.055.014c-.459.12-1.126.234-2.047.26M12.97%207.47L17%203.44l4.03%204.03l-1.06%201.06l-.47-.47V10H18V8.75a1%201%200%201%200-2%200V10h-1.5V8.06l-.47.47zm0%2010l4.53-4.53l4.53%204.53l-1.06%201.06l-.47-.47V20h-2v-1.25a1%201%200%201%200-2%200V20h-2v-1.94l-.47.47z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/community-healthworker-24px.svg?color=%231a73e8&size=48