twotone supervised user circle icon
twotone-supervised-user-circle from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-supervised-user-circle
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Action
- Viewbox
- 24×24
- License
- Apache 2.0
More action icons from Google Material Icons
baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox
Use the twotone supervised user circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="9.5" cy="10" r="1" fill="currentColor" opacity=".3"/><path fill="currentColor" d="M11.5 17.21c0-1.88 2.98-2.7 4.5-2.7c.88 0 2.24.27 3.24.87c.48-1.02.75-2.16.75-3.37c0-4.41-3.59-8-8-8s-8 3.59-8 8c0 1.23.29 2.39.78 3.43c1.34-.98 3.43-1.43 4.73-1.43c.44 0 .97.05 1.53.16c-.63.57-1.06 1.22-1.3 1.86c-.08 0-.15-.01-.23-.01c-1.38 0-2.98.57-3.66 1.11a7.94 7.94 0 0 0 5.66 2.86zM16 9c1.11 0 2 .89 2 2s-.89 2-2 2s-2-.89-2-2c-.01-1.11.89-2 2-2m-6.5 4c-1.65 0-3-1.35-3-3s1.35-3 3-3s3 1.35 3 3s-1.35 3-3 3" opacity=".3"/><path fill="currentColor" d="M12.5 10c0-1.65-1.35-3-3-3s-3 1.35-3 3s1.35 3 3 3s3-1.35 3-3m-3 1c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m6.5 2c1.11 0 2-.89 2-2s-.89-2-2-2s-2.01.89-2 2c0 1.11.89 2 2 2M11.99 2.01c-5.52 0-10 4.48-10 10s4.48 10 10 10s10-4.48 10-10s-4.48-10-10-10M5.84 17.12c.68-.54 2.27-1.11 3.66-1.11c.07 0 .15.01.23.01c.24-.64.67-1.29 1.3-1.86A9 9 0 0 0 9.5 14c-1.3 0-3.39.45-4.73 1.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.2-.27 2.34-.75 3.37c-1-.59-2.36-.87-3.24-.87c-1.52 0-4.5.81-4.5 2.7v2.78a7.94 7.94 0 0 1-5.66-2.86"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneSupervisedUserCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="9.5" cy="10" r="1" fill="currentColor" opacity=".3"/><path fill="currentColor" d="M11.5 17.21c0-1.88 2.98-2.7 4.5-2.7c.88 0 2.24.27 3.24.87c.48-1.02.75-2.16.75-3.37c0-4.41-3.59-8-8-8s-8 3.59-8 8c0 1.23.29 2.39.78 3.43c1.34-.98 3.43-1.43 4.73-1.43c.44 0 .97.05 1.53.16c-.63.57-1.06 1.22-1.3 1.86c-.08 0-.15-.01-.23-.01c-1.38 0-2.98.57-3.66 1.11a7.94 7.94 0 0 0 5.66 2.86zM16 9c1.11 0 2 .89 2 2s-.89 2-2 2s-2-.89-2-2c-.01-1.11.89-2 2-2m-6.5 4c-1.65 0-3-1.35-3-3s1.35-3 3-3s3 1.35 3 3s-1.35 3-3 3" opacity=".3"/><path fill="currentColor" d="M12.5 10c0-1.65-1.35-3-3-3s-3 1.35-3 3s1.35 3 3 3s3-1.35 3-3m-3 1c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m6.5 2c1.11 0 2-.89 2-2s-.89-2-2-2s-2.01.89-2 2c0 1.11.89 2 2 2M11.99 2.01c-5.52 0-10 4.48-10 10s4.48 10 10 10s10-4.48 10-10s-4.48-10-10-10M5.84 17.12c.68-.54 2.27-1.11 3.66-1.11c.07 0 .15.01.23.01c.24-.64.67-1.29 1.3-1.86A9 9 0 0 0 9.5 14c-1.3 0-3.39.45-4.73 1.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.2-.27 2.34-.75 3.37c-1-.59-2.36-.87-3.24-.87c-1.52 0-4.5.81-4.5 2.7v2.78a7.94 7.94 0 0 1-5.66-2.86"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="9.5" cy="10" r="1" fill="currentColor" opacity=".3"/><path fill="currentColor" d="M11.5 17.21c0-1.88 2.98-2.7 4.5-2.7c.88 0 2.24.27 3.24.87c.48-1.02.75-2.16.75-3.37c0-4.41-3.59-8-8-8s-8 3.59-8 8c0 1.23.29 2.39.78 3.43c1.34-.98 3.43-1.43 4.73-1.43c.44 0 .97.05 1.53.16c-.63.57-1.06 1.22-1.3 1.86c-.08 0-.15-.01-.23-.01c-1.38 0-2.98.57-3.66 1.11a7.94 7.94 0 0 0 5.66 2.86zM16 9c1.11 0 2 .89 2 2s-.89 2-2 2s-2-.89-2-2c-.01-1.11.89-2 2-2m-6.5 4c-1.65 0-3-1.35-3-3s1.35-3 3-3s3 1.35 3 3s-1.35 3-3 3" opacity=".3"/><path fill="currentColor" d="M12.5 10c0-1.65-1.35-3-3-3s-3 1.35-3 3s1.35 3 3 3s3-1.35 3-3m-3 1c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m6.5 2c1.11 0 2-.89 2-2s-.89-2-2-2s-2.01.89-2 2c0 1.11.89 2 2 2M11.99 2.01c-5.52 0-10 4.48-10 10s4.48 10 10 10s10-4.48 10-10s-4.48-10-10-10M5.84 17.12c.68-.54 2.27-1.11 3.66-1.11c.07 0 .15.01.23.01c.24-.64.67-1.29 1.3-1.86A9 9 0 0 0 9.5 14c-1.3 0-3.39.45-4.73 1.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.2-.27 2.34-.75 3.37c-1-.59-2.36-.87-3.24-.87c-1.52 0-4.5.81-4.5 2.7v2.78a7.94 7.94 0 0 1-5.66-2.86"/></svg> </template>
CSS
.icon-twotone-supervised-user-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%3Ccircle%20cx%3D%229.5%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22currentColor%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%2017.21c0-1.88%202.98-2.7%204.5-2.7c.88%200%202.24.27%203.24.87c.48-1.02.75-2.16.75-3.37c0-4.41-3.59-8-8-8s-8%203.59-8%208c0%201.23.29%202.39.78%203.43c1.34-.98%203.43-1.43%204.73-1.43c.44%200%20.97.05%201.53.16c-.63.57-1.06%201.22-1.3%201.86c-.08%200-.15-.01-.23-.01c-1.38%200-2.98.57-3.66%201.11a7.94%207.94%200%200%200%205.66%202.86zM16%209c1.11%200%202%20.89%202%202s-.89%202-2%202s-2-.89-2-2c-.01-1.11.89-2%202-2m-6.5%204c-1.65%200-3-1.35-3-3s1.35-3%203-3s3%201.35%203%203s-1.35%203-3%203%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%2010c0-1.65-1.35-3-3-3s-3%201.35-3%203s1.35%203%203%203s3-1.35%203-3m-3%201c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m6.5%202c1.11%200%202-.89%202-2s-.89-2-2-2s-2.01.89-2%202c0%201.11.89%202%202%202M11.99%202.01c-5.52%200-10%204.48-10%2010s4.48%2010%2010%2010s10-4.48%2010-10s-4.48-10-10-10M5.84%2017.12c.68-.54%202.27-1.11%203.66-1.11c.07%200%20.15.01.23.01c.24-.64.67-1.29%201.3-1.86A9%209%200%200%200%209.5%2014c-1.3%200-3.39.45-4.73%201.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41%203.59-8%208-8s8%203.59%208%208c0%201.2-.27%202.34-.75%203.37c-1-.59-2.36-.87-3.24-.87c-1.52%200-4.5.81-4.5%202.7v2.78a7.94%207.94%200%200%201-5.66-2.86%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%3Ccircle%20cx%3D%229.5%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22currentColor%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%2017.21c0-1.88%202.98-2.7%204.5-2.7c.88%200%202.24.27%203.24.87c.48-1.02.75-2.16.75-3.37c0-4.41-3.59-8-8-8s-8%203.59-8%208c0%201.23.29%202.39.78%203.43c1.34-.98%203.43-1.43%204.73-1.43c.44%200%20.97.05%201.53.16c-.63.57-1.06%201.22-1.3%201.86c-.08%200-.15-.01-.23-.01c-1.38%200-2.98.57-3.66%201.11a7.94%207.94%200%200%200%205.66%202.86zM16%209c1.11%200%202%20.89%202%202s-.89%202-2%202s-2-.89-2-2c-.01-1.11.89-2%202-2m-6.5%204c-1.65%200-3-1.35-3-3s1.35-3%203-3s3%201.35%203%203s-1.35%203-3%203%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.5%2010c0-1.65-1.35-3-3-3s-3%201.35-3%203s1.35%203%203%203s3-1.35%203-3m-3%201c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m6.5%202c1.11%200%202-.89%202-2s-.89-2-2-2s-2.01.89-2%202c0%201.11.89%202%202%202M11.99%202.01c-5.52%200-10%204.48-10%2010s4.48%2010%2010%2010s10-4.48%2010-10s-4.48-10-10-10M5.84%2017.12c.68-.54%202.27-1.11%203.66-1.11c.07%200%20.15.01.23.01c.24-.64.67-1.29%201.3-1.86A9%209%200%200%200%209.5%2014c-1.3%200-3.39.45-4.73%201.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41%203.59-8%208-8s8%203.59%208%208c0%201.2-.27%202.34-.75%203.37c-1-.59-2.36-.87-3.24-.87c-1.52%200-4.5.81-4.5%202.7v2.78a7.94%207.94%200%200%201-5.66-2.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-supervised-user-circle.svg?color=%231a73e8&size=48
