account supervisor circle icon
account-supervisor-circle from Material Design Icons by Pictogrammers · Filled · Account / User · Apache-2.0 Free for personal and commercial use.
- Name
- account-supervisor-circle
- Set
- Material Design Icons
- Style
- Filled
- Category
- Account / User
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- person-supervisor-circle, user-supervisor-circle
1 other variant in Material Design Icons
More account / user icons from Material Design Icons
accountaccount-alertaccount-arrow-downaccount-arrow-leftaccount-arrow-rightaccount-arrow-upaccount-badgeaccount-boxaccount-box-edit-outlineaccount-box-minus-outlineaccount-box-multipleaccount-box-plus-outlineaccount-cancelaccount-cardaccount-cashaccount-checkaccount-childaccount-child-circleaccount-circleaccount-clockaccount-cogaccount-convertaccount-cowboy-hataccount-credit-card
Use the account supervisor circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m3.6 6.34c1.07 0 1.93.86 1.93 1.93s-.86 1.93-1.93 1.93a1.93 1.93 0 0 1-1.93-1.93c-.01-1.07.86-1.93 1.93-1.93m-6-1.58c1.3 0 2.36 1.06 2.36 2.36S10.9 11.5 9.6 11.5s-2.36-1.08-2.36-2.38c0-1.31 1.05-2.36 2.36-2.36m0 9.13v3.75c-2.4-.75-4.3-2.6-5.14-4.96C5.5 13.56 8.13 13 9.6 13c.53 0 1.2.07 1.9.21c-1.64.87-1.9 2.02-1.9 2.68M12 20c-.28 0-.54 0-.8-.04v-4.07c0-1.42 2.94-2.13 4.4-2.13c1.07 0 2.9.39 3.84 1.15C18.27 17.88 15.38 20 12 20"/></svg>
React
import type { SVGProps } from "react";
export function MdiAccountSupervisorCircle(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="M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m3.6 6.34c1.07 0 1.93.86 1.93 1.93s-.86 1.93-1.93 1.93a1.93 1.93 0 0 1-1.93-1.93c-.01-1.07.86-1.93 1.93-1.93m-6-1.58c1.3 0 2.36 1.06 2.36 2.36S10.9 11.5 9.6 11.5s-2.36-1.08-2.36-2.38c0-1.31 1.05-2.36 2.36-2.36m0 9.13v3.75c-2.4-.75-4.3-2.6-5.14-4.96C5.5 13.56 8.13 13 9.6 13c.53 0 1.2.07 1.9.21c-1.64.87-1.9 2.02-1.9 2.68M12 20c-.28 0-.54 0-.8-.04v-4.07c0-1.42 2.94-2.13 4.4-2.13c1.07 0 2.9.39 3.84 1.15C18.27 17.88 15.38 20 12 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m3.6 6.34c1.07 0 1.93.86 1.93 1.93s-.86 1.93-1.93 1.93a1.93 1.93 0 0 1-1.93-1.93c-.01-1.07.86-1.93 1.93-1.93m-6-1.58c1.3 0 2.36 1.06 2.36 2.36S10.9 11.5 9.6 11.5s-2.36-1.08-2.36-2.38c0-1.31 1.05-2.36 2.36-2.36m0 9.13v3.75c-2.4-.75-4.3-2.6-5.14-4.96C5.5 13.56 8.13 13 9.6 13c.53 0 1.2.07 1.9.21c-1.64.87-1.9 2.02-1.9 2.68M12 20c-.28 0-.54 0-.8-.04v-4.07c0-1.42 2.94-2.13 4.4-2.13c1.07 0 2.9.39 3.84 1.15C18.27 17.88 15.38 20 12 20"/></svg> </template>
CSS
.icon-account-supervisor-circle {
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%22M12%202C6.47%202%202%206.5%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m3.6%206.34c1.07%200%201.93.86%201.93%201.93s-.86%201.93-1.93%201.93a1.93%201.93%200%200%201-1.93-1.93c-.01-1.07.86-1.93%201.93-1.93m-6-1.58c1.3%200%202.36%201.06%202.36%202.36S10.9%2011.5%209.6%2011.5s-2.36-1.08-2.36-2.38c0-1.31%201.05-2.36%202.36-2.36m0%209.13v3.75c-2.4-.75-4.3-2.6-5.14-4.96C5.5%2013.56%208.13%2013%209.6%2013c.53%200%201.2.07%201.9.21c-1.64.87-1.9%202.02-1.9%202.68M12%2020c-.28%200-.54%200-.8-.04v-4.07c0-1.42%202.94-2.13%204.4-2.13c1.07%200%202.9.39%203.84%201.15C18.27%2017.88%2015.38%2020%2012%2020%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%22M12%202C6.47%202%202%206.5%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m3.6%206.34c1.07%200%201.93.86%201.93%201.93s-.86%201.93-1.93%201.93a1.93%201.93%200%200%201-1.93-1.93c-.01-1.07.86-1.93%201.93-1.93m-6-1.58c1.3%200%202.36%201.06%202.36%202.36S10.9%2011.5%209.6%2011.5s-2.36-1.08-2.36-2.38c0-1.31%201.05-2.36%202.36-2.36m0%209.13v3.75c-2.4-.75-4.3-2.6-5.14-4.96C5.5%2013.56%208.13%2013%209.6%2013c.53%200%201.2.07%201.9.21c-1.64.87-1.9%202.02-1.9%202.68M12%2020c-.28%200-.54%200-.8-.04v-4.07c0-1.42%202.94-2.13%204.4-2.13c1.07%200%202.9.39%203.84%201.15C18.27%2017.88%2015.38%2020%2012%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/account-supervisor-circle.svg?color=%231a73e8&size=48
