no accounts icon

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

Name: no-accounts
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: no-accounts-rounded, no-accounts-sharp

1 other variant in Material Symbols Light

no-accounts-outline

The same icon in other sets

no-accountsMaterial Symbols

More actions icons from Material Symbols Light

Use the no accounts icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14.623 10.989l-4.092-4.093q.292-.188.664-.292t.844-.104q1.244 0 2.102.868Q15 8.236 15 9.5q0 .414-.113.834q-.114.42-.264.655m-8.427 6.496q1.333-.956 2.735-1.47Q10.333 15.5 12 15.5q1.18 0 2.151.288t1.593.593l-3.892-3.892q-1.194-.093-1.974-.863t-.853-1.964L6.041 6.677q-.916 1.025-1.478 2.359Q4 10.369 4 12q0 1.667.593 3.025t1.603 2.46m11.835-.239q.838-1.025 1.404-2.32Q20 13.631 20 12q0-3.325-2.337-5.663T12 4q-1.535 0-2.868.527q-1.334.527-2.378 1.442zM8.48 20.3q-1.642-.701-2.86-1.92T3.7 15.52T3 11.997t.701-3.519t1.92-2.858t2.86-1.919T12.003 3t3.519.701t2.858 1.92t1.919 2.857t.701 3.519q0 1.88-.701 3.522t-1.92 2.86t-2.857 1.92t-3.519.701t-3.522-.701"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNoAccounts(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="m14.623 10.989l-4.092-4.093q.292-.188.664-.292t.844-.104q1.244 0 2.102.868Q15 8.236 15 9.5q0 .414-.113.834q-.114.42-.264.655m-8.427 6.496q1.333-.956 2.735-1.47Q10.333 15.5 12 15.5q1.18 0 2.151.288t1.593.593l-3.892-3.892q-1.194-.093-1.974-.863t-.853-1.964L6.041 6.677q-.916 1.025-1.478 2.359Q4 10.369 4 12q0 1.667.593 3.025t1.603 2.46m11.835-.239q.838-1.025 1.404-2.32Q20 13.631 20 12q0-3.325-2.337-5.663T12 4q-1.535 0-2.868.527q-1.334.527-2.378 1.442zM8.48 20.3q-1.642-.701-2.86-1.92T3.7 15.52T3 11.997t.701-3.519t1.92-2.858t2.86-1.919T12.003 3t3.519.701t2.858 1.92t1.919 2.857t.701 3.519q0 1.88-.701 3.522t-1.92 2.86t-2.857 1.92t-3.519.701t-3.522-.701"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m14.623 10.989l-4.092-4.093q.292-.188.664-.292t.844-.104q1.244 0 2.102.868Q15 8.236 15 9.5q0 .414-.113.834q-.114.42-.264.655m-8.427 6.496q1.333-.956 2.735-1.47Q10.333 15.5 12 15.5q1.18 0 2.151.288t1.593.593l-3.892-3.892q-1.194-.093-1.974-.863t-.853-1.964L6.041 6.677q-.916 1.025-1.478 2.359Q4 10.369 4 12q0 1.667.593 3.025t1.603 2.46m11.835-.239q.838-1.025 1.404-2.32Q20 13.631 20 12q0-3.325-2.337-5.663T12 4q-1.535 0-2.868.527q-1.334.527-2.378 1.442zM8.48 20.3q-1.642-.701-2.86-1.92T3.7 15.52T3 11.997t.701-3.519t1.92-2.858t2.86-1.919T12.003 3t3.519.701t2.858 1.92t1.919 2.857t.701 3.519q0 1.88-.701 3.522t-1.92 2.86t-2.857 1.92t-3.519.701t-3.522-.701"/></svg>
</template>

CSS

.icon-no-accounts {
  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%22m14.623%2010.989l-4.092-4.093q.292-.188.664-.292t.844-.104q1.244%200%202.102.868Q15%208.236%2015%209.5q0%20.414-.113.834q-.114.42-.264.655m-8.427%206.496q1.333-.956%202.735-1.47Q10.333%2015.5%2012%2015.5q1.18%200%202.151.288t1.593.593l-3.892-3.892q-1.194-.093-1.974-.863t-.853-1.964L6.041%206.677q-.916%201.025-1.478%202.359Q4%2010.369%204%2012q0%201.667.593%203.025t1.603%202.46m11.835-.239q.838-1.025%201.404-2.32Q20%2013.631%2020%2012q0-3.325-2.337-5.663T12%204q-1.535%200-2.868.527q-1.334.527-2.378%201.442zM8.48%2020.3q-1.642-.701-2.86-1.92T3.7%2015.52T3%2011.997t.701-3.519t1.92-2.858t2.86-1.919T12.003%203t3.519.701t2.858%201.92t1.919%202.857t.701%203.519q0%201.88-.701%203.522t-1.92%202.86t-2.857%201.92t-3.519.701t-3.522-.701%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%22m14.623%2010.989l-4.092-4.093q.292-.188.664-.292t.844-.104q1.244%200%202.102.868Q15%208.236%2015%209.5q0%20.414-.113.834q-.114.42-.264.655m-8.427%206.496q1.333-.956%202.735-1.47Q10.333%2015.5%2012%2015.5q1.18%200%202.151.288t1.593.593l-3.892-3.892q-1.194-.093-1.974-.863t-.853-1.964L6.041%206.677q-.916%201.025-1.478%202.359Q4%2010.369%204%2012q0%201.667.593%203.025t1.603%202.46m11.835-.239q.838-1.025%201.404-2.32Q20%2013.631%2020%2012q0-3.325-2.337-5.663T12%204q-1.535%200-2.868.527q-1.334.527-2.378%201.442zM8.48%2020.3q-1.642-.701-2.86-1.92T3.7%2015.52T3%2011.997t.701-3.519t1.92-2.858t2.86-1.919T12.003%203t3.519.701t2.858%201.92t1.919%202.857t.701%203.519q0%201.88-.701%203.522t-1.92%202.86t-2.857%201.92t-3.519.701t-3.522-.701%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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