supervisor account icon

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

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

3 other variants in Material Symbols Light

supervisor-account-outline 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="M2.616 18.616v-1.647q0-.657.357-1.197q.358-.54.973-.799q1.327-.673 2.757-1.015t2.913-.342q.49 0 .98.039q.49.04.981.107v.363q-1.01.762-1.486 1.633q-.475.87-.475 2.013v.844zm9.769 0v-.9q0-.466.235-.844q.236-.378.657-.545q.842-.356 1.747-.534q.905-.177 1.86-.177q.918 0 1.823.177q.905.178 1.785.534q.422.167.657.545t.236.844v.9zm3.09-5.591q-.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-7.983-2.517q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSupervisorAccount(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="M2.616 18.616v-1.647q0-.657.357-1.197q.358-.54.973-.799q1.327-.673 2.757-1.015t2.913-.342q.49 0 .98.039q.49.04.981.107v.363q-1.01.762-1.486 1.633q-.475.87-.475 2.013v.844zm9.769 0v-.9q0-.466.235-.844q.236-.378.657-.545q.842-.356 1.747-.534q.905-.177 1.86-.177q.918 0 1.823.177q.905.178 1.785.534q.422.167.657.545t.236.844v.9zm3.09-5.591q-.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-7.983-2.517q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.616 18.616v-1.647q0-.657.357-1.197q.358-.54.973-.799q1.327-.673 2.757-1.015t2.913-.342q.49 0 .98.039q.49.04.981.107v.363q-1.01.762-1.486 1.633q-.475.87-.475 2.013v.844zm9.769 0v-.9q0-.466.235-.844q.236-.378.657-.545q.842-.356 1.747-.534q.905-.177 1.86-.177q.918 0 1.823.177q.905.178 1.785.534q.422.167.657.545t.236.844v.9zm3.09-5.591q-.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-7.983-2.517q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.124-.877"/></svg>
</template>

CSS

.icon-supervisor-account {
  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%22M2.616%2018.616v-1.647q0-.657.357-1.197q.358-.54.973-.799q1.327-.673%202.757-1.015t2.913-.342q.49%200%20.98.039q.49.04.981.107v.363q-1.01.762-1.486%201.633q-.475.87-.475%202.013v.844zm9.769%200v-.9q0-.466.235-.844q.236-.378.657-.545q.842-.356%201.747-.534q.905-.177%201.86-.177q.918%200%201.823.177q.905.178%201.785.534q.422.167.657.545t.236.844v.9zm3.09-5.591q-.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-7.983-2.517q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.124-.877%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%22M2.616%2018.616v-1.647q0-.657.357-1.197q.358-.54.973-.799q1.327-.673%202.757-1.015t2.913-.342q.49%200%20.98.039q.49.04.981.107v.363q-1.01.762-1.486%201.633q-.475.87-.475%202.013v.844zm9.769%200v-.9q0-.466.235-.844q.236-.378.657-.545q.842-.356%201.747-.534q.905-.177%201.86-.177q.918%200%201.823.177q.905.178%201.785.534q.422.167.657.545t.236.844v.9zm3.09-5.591q-.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-7.983-2.517q-.876-.877-.876-2.123t.876-2.123t2.124-.877t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.124-.877%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.svg?color=%231a73e8&size=48