supervisor account icon

supervisor-account-outline from Material Symbols Light by Google · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name: supervisor-account-outline
Set: Material Symbols Light
Style: Outline
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: supervisor-account-outline-sharp

3 other variants in Material Symbols Light

supervisor-account supervisor-account-outline-rounded supervisor-account-rounded

The same icon in other sets

supervisor-accountMaterial Symbols

More actions icons from Material Symbols Light

Use the supervisor account icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.475 13.025q-.59-.59-.59-1.41q0-.819.59-1.41q.59-.59 1.41-.59q.819 0 1.41.59q.59.591.59 1.41q0 .82-.59 1.41q-.591.59-1.41.59q-.82 0-1.41-.59m-3.09 5.59v-.9q0-.465.232-.843q.232-.379.66-.545q.845-.356 1.748-.534q.904-.177 1.86-.177q.917 0 1.822.177q.905.178 1.785.534q.428.166.66.545q.233.378.233.844v.9zm-4.893-8.107q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877m-4.876 8.108v-1.647q0-.648.357-1.192q.358-.544.973-.804q1.327-.673 2.756-1.015t2.914-.342q.605 0 1.211.063t1.212.167l-.427.446l-.427.447q-.393-.077-.785-.1t-.784-.023q-1.354 0-2.675.292t-2.518.942q-.327.183-.567.456t-.24.663v.646h6v1zm8.412-8.819q.588-.587.588-1.412t-.588-1.413t-1.412-.587t-1.413.587t-.587 1.413t.587 1.412t1.413.588t1.412-.588"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSupervisorAccountOutline(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="M15.475 13.025q-.59-.59-.59-1.41q0-.819.59-1.41q.59-.59 1.41-.59q.819 0 1.41.59q.59.591.59 1.41q0 .82-.59 1.41q-.591.59-1.41.59q-.82 0-1.41-.59m-3.09 5.59v-.9q0-.465.232-.843q.232-.379.66-.545q.845-.356 1.748-.534q.904-.177 1.86-.177q.917 0 1.822.177q.905.178 1.785.534q.428.166.66.545q.233.378.233.844v.9zm-4.893-8.107q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877m-4.876 8.108v-1.647q0-.648.357-1.192q.358-.544.973-.804q1.327-.673 2.756-1.015t2.914-.342q.605 0 1.211.063t1.212.167l-.427.446l-.427.447q-.393-.077-.785-.1t-.784-.023q-1.354 0-2.675.292t-2.518.942q-.327.183-.567.456t-.24.663v.646h6v1zm8.412-8.819q.588-.587.588-1.412t-.588-1.413t-1.412-.587t-1.413.587t-.587 1.413t.587 1.412t1.413.588t1.412-.588"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.475 13.025q-.59-.59-.59-1.41q0-.819.59-1.41q.59-.59 1.41-.59q.819 0 1.41.59q.59.591.59 1.41q0 .82-.59 1.41q-.591.59-1.41.59q-.82 0-1.41-.59m-3.09 5.59v-.9q0-.465.232-.843q.232-.379.66-.545q.845-.356 1.748-.534q.904-.177 1.86-.177q.917 0 1.822.177q.905.178 1.785.534q.428.166.66.545q.233.378.233.844v.9zm-4.893-8.107q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877m-4.876 8.108v-1.647q0-.648.357-1.192q.358-.544.973-.804q1.327-.673 2.756-1.015t2.914-.342q.605 0 1.211.063t1.212.167l-.427.446l-.427.447q-.393-.077-.785-.1t-.784-.023q-1.354 0-2.675.292t-2.518.942q-.327.183-.567.456t-.24.663v.646h6v1zm8.412-8.819q.588-.587.588-1.412t-.588-1.413t-1.412-.587t-1.413.587t-.587 1.413t.587 1.412t1.413.588t1.412-.588"/></svg>
</template>

CSS

.icon-supervisor-account-outline {
  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%22M15.475%2013.025q-.59-.59-.59-1.41q0-.819.59-1.41q.59-.59%201.41-.59q.819%200%201.41.59q.59.591.59%201.41q0%20.82-.59%201.41q-.591.59-1.41.59q-.82%200-1.41-.59m-3.09%205.59v-.9q0-.465.232-.843q.232-.379.66-.545q.845-.356%201.748-.534q.904-.177%201.86-.177q.917%200%201.822.177q.905.178%201.785.534q.428.166.66.545q.233.378.233.844v.9zm-4.893-8.107q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.124-.877m-4.876%208.108v-1.647q0-.648.357-1.192q.358-.544.973-.804q1.327-.673%202.756-1.015t2.914-.342q.605%200%201.211.063t1.212.167l-.427.446l-.427.447q-.393-.077-.785-.1t-.784-.023q-1.354%200-2.675.292t-2.518.942q-.327.183-.567.456t-.24.663v.646h6v1zm8.412-8.819q.588-.587.588-1.412t-.588-1.413t-1.412-.587t-1.413.587t-.587%201.413t.587%201.412t1.413.588t1.412-.588%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%22M15.475%2013.025q-.59-.59-.59-1.41q0-.819.59-1.41q.59-.59%201.41-.59q.819%200%201.41.59q.59.591.59%201.41q0%20.82-.59%201.41q-.591.59-1.41.59q-.82%200-1.41-.59m-3.09%205.59v-.9q0-.465.232-.843q.232-.379.66-.545q.845-.356%201.748-.534q.904-.177%201.86-.177q.917%200%201.822.177q.905.178%201.785.534q.428.166.66.545q.233.378.233.844v.9zm-4.893-8.107q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.124-.877m-4.876%208.108v-1.647q0-.648.357-1.192q.358-.544.973-.804q1.327-.673%202.756-1.015t2.914-.342q.605%200%201.211.063t1.212.167l-.427.446l-.427.447q-.393-.077-.785-.1t-.784-.023q-1.354%200-2.675.292t-2.518.942q-.327.183-.567.456t-.24.663v.646h6v1zm8.412-8.819q.588-.587.588-1.412t-.588-1.413t-1.412-.587t-1.413.587t-.587%201.413t.587%201.412t1.413.588t1.412-.588%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/supervisor-account-outline.svg?color=%231a73e8&size=48