outline supervised user circle icon
outline-supervised-user-circle from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.
- Name
- outline-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 outline supervised user 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.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 IcOutlineSupervisedUserCircle(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.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"><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-outline-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%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%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/outline-supervised-user-circle.svg?color=%231a73e8&size=48
