account child icon

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

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

3 other variants in Material Symbols Light

account-child-outline account-child-outline-rounded account-child-rounded

The same icon in other sets

account-childMaterial Symbols account-childMaterial Design Icons

More actions icons from Material Symbols Light

Use the account child icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.503 3.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707t-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93T12.005 3t3.498.71m-5.195 4.06q0 .709.491 1.2q.492.491 1.201.491t1.201-.49q.491-.492.491-1.202t-.491-1.2T12 6.076t-1.201.491t-.491 1.201m-.769 3.089q-1.347.55-1.347 1.565v3.385q0 .945 1.335 1.59q1.334.644 2.896.514v-1.7q-.73.043-1.375-.106q-.646-.148-1.163-.46q.086-.479.74-.793T12 14.539t1.418.323t.698.819v1.858q.907-.304 1.3-.78q.392-.476.392-.951v-3.385q0-1.015-1.347-1.565T12 10.308t-2.46.55m1.707 2.95q-.305-.308-.305-.753t.308-.75t.753-.305t.75.308t.305.752t-.308.75t-.753.305t-.75-.307"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAccountChild(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.503 3.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707t-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93T12.005 3t3.498.71m-5.195 4.06q0 .709.491 1.2q.492.491 1.201.491t1.201-.49q.491-.492.491-1.202t-.491-1.2T12 6.076t-1.201.491t-.491 1.201m-.769 3.089q-1.347.55-1.347 1.565v3.385q0 .945 1.335 1.59q1.334.644 2.896.514v-1.7q-.73.043-1.375-.106q-.646-.148-1.163-.46q.086-.479.74-.793T12 14.539t1.418.323t.698.819v1.858q.907-.304 1.3-.78q.392-.476.392-.951v-3.385q0-1.015-1.347-1.565T12 10.308t-2.46.55m1.707 2.95q-.305-.308-.305-.753t.308-.75t.753-.305t.75.308t.305.752t-.308.75t-.753.305t-.75-.307"/></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.503 3.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.5t-.71 3.505t-1.93 2.86t-2.855 1.93t-3.5.71t-3.502-.707t-2.864-1.932t-1.931-2.864T3 11.995t.71-3.5T5.64 5.64t2.862-1.93T12.005 3t3.498.71m-5.195 4.06q0 .709.491 1.2q.492.491 1.201.491t1.201-.49q.491-.492.491-1.202t-.491-1.2T12 6.076t-1.201.491t-.491 1.201m-.769 3.089q-1.347.55-1.347 1.565v3.385q0 .945 1.335 1.59q1.334.644 2.896.514v-1.7q-.73.043-1.375-.106q-.646-.148-1.163-.46q.086-.479.74-.793T12 14.539t1.418.323t.698.819v1.858q.907-.304 1.3-.78q.392-.476.392-.951v-3.385q0-1.015-1.347-1.565T12 10.308t-2.46.55m1.707 2.95q-.305-.308-.305-.753t.308-.75t.753-.305t.75.308t.305.752t-.308.75t-.753.305t-.75-.307"/></svg>
</template>

CSS

.icon-account-child {
  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.503%203.71q1.64.711%202.858%201.93t1.929%202.855t.71%203.5t-.71%203.505t-1.93%202.86t-2.855%201.93t-3.5.71t-3.502-.707t-2.864-1.932t-1.931-2.864T3%2011.995t.71-3.5T5.64%205.64t2.862-1.93T12.005%203t3.498.71m-5.195%204.06q0%20.709.491%201.2q.492.491%201.201.491t1.201-.49q.491-.492.491-1.202t-.491-1.2T12%206.076t-1.201.491t-.491%201.201m-.769%203.089q-1.347.55-1.347%201.565v3.385q0%20.945%201.335%201.59q1.334.644%202.896.514v-1.7q-.73.043-1.375-.106q-.646-.148-1.163-.46q.086-.479.74-.793T12%2014.539t1.418.323t.698.819v1.858q.907-.304%201.3-.78q.392-.476.392-.951v-3.385q0-1.015-1.347-1.565T12%2010.308t-2.46.55m1.707%202.95q-.305-.308-.305-.753t.308-.75t.753-.305t.75.308t.305.752t-.308.75t-.753.305t-.75-.307%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.503%203.71q1.64.711%202.858%201.93t1.929%202.855t.71%203.5t-.71%203.505t-1.93%202.86t-2.855%201.93t-3.5.71t-3.502-.707t-2.864-1.932t-1.931-2.864T3%2011.995t.71-3.5T5.64%205.64t2.862-1.93T12.005%203t3.498.71m-5.195%204.06q0%20.709.491%201.2q.492.491%201.201.491t1.201-.49q.491-.492.491-1.202t-.491-1.2T12%206.076t-1.201.491t-.491%201.201m-.769%203.089q-1.347.55-1.347%201.565v3.385q0%20.945%201.335%201.59q1.334.644%202.896.514v-1.7q-.73.043-1.375-.106q-.646-.148-1.163-.46q.086-.479.74-.793T12%2014.539t1.418.323t.698.819v1.858q.907-.304%201.3-.78q.392-.476.392-.951v-3.385q0-1.015-1.347-1.565T12%2010.308t-2.46.55m1.707%202.95q-.305-.308-.305-.753t.308-.75t.753-.305t.75.308t.305.752t-.308.75t-.753.305t-.75-.307%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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