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

Name
child-care
Set
Material Symbols Light
Style
Regular
Category
Household
Viewbox
24×24
License
Apache 2.0
Aliases
child-care-rounded, child-care-sharp

1 other variant in Material Symbols Light

The same icon in other sets

More household icons from Material Symbols Light

Use the child care icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.051 11.166q.276-.276.276-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276q.391 0 .667-.276m-4.77 0q.277-.276.277-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276t.667-.276m3.94 4.461q1.01-.604 1.624-1.627H8.154q.613 1.023 1.624 1.627q1.01.604 2.222.604t2.222-.604m-5.34 3.747q-1.455-.626-2.542-1.713t-1.714-2.543T4 12t.626-3.118T6.34 6.34t2.542-1.714T12 4t3.118.626T17.66 6.34t1.714 2.542T20 12t-.626 3.118t-1.714 2.542t-2.542 1.714T12 20t-3.118-.626M12.4 8.192q.425 0 .809-.124q.383-.124.383-.468q0-.185-.113-.314q-.113-.128-.279-.128q-.2 0-.359.075t-.441.075q-.64 0-1.099-.459t-.459-1.099q0-.256.02-.395q.02-.14.1-.272q-.245.05-.464.086t-.452.115q-.044.114-.066.233t-.022.233q0 1.01.716 1.726q.717.716 1.726.716"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightChildCare(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.051 11.166q.276-.276.276-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276q.391 0 .667-.276m-4.77 0q.277-.276.277-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276t.667-.276m3.94 4.461q1.01-.604 1.624-1.627H8.154q.613 1.023 1.624 1.627q1.01.604 2.222.604t2.222-.604m-5.34 3.747q-1.455-.626-2.542-1.713t-1.714-2.543T4 12t.626-3.118T6.34 6.34t2.542-1.714T12 4t3.118.626T17.66 6.34t1.714 2.542T20 12t-.626 3.118t-1.714 2.542t-2.542 1.714T12 20t-3.118-.626M12.4 8.192q.425 0 .809-.124q.383-.124.383-.468q0-.185-.113-.314q-.113-.128-.279-.128q-.2 0-.359.075t-.441.075q-.64 0-1.099-.459t-.459-1.099q0-.256.02-.395q.02-.14.1-.272q-.245.05-.464.086t-.452.115q-.044.114-.066.233t-.022.233q0 1.01.716 1.726q.717.716 1.726.716"/></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.051 11.166q.276-.276.276-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276q.391 0 .667-.276m-4.77 0q.277-.276.277-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276t.667-.276m3.94 4.461q1.01-.604 1.624-1.627H8.154q.613 1.023 1.624 1.627q1.01.604 2.222.604t2.222-.604m-5.34 3.747q-1.455-.626-2.542-1.713t-1.714-2.543T4 12t.626-3.118T6.34 6.34t2.542-1.714T12 4t3.118.626T17.66 6.34t1.714 2.542T20 12t-.626 3.118t-1.714 2.542t-2.542 1.714T12 20t-3.118-.626M12.4 8.192q.425 0 .809-.124q.383-.124.383-.468q0-.185-.113-.314q-.113-.128-.279-.128q-.2 0-.359.075t-.441.075q-.64 0-1.099-.459t-.459-1.099q0-.256.02-.395q.02-.14.1-.272q-.245.05-.464.086t-.452.115q-.044.114-.066.233t-.022.233q0 1.01.716 1.726q.717.716 1.726.716"/></svg>
</template>

CSS

.icon-child-care {
  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.051%2011.166q.276-.276.276-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276q.391%200%20.667-.276m-4.77%200q.277-.276.277-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276t.667-.276m3.94%204.461q1.01-.604%201.624-1.627H8.154q.613%201.023%201.624%201.627q1.01.604%202.222.604t2.222-.604m-5.34%203.747q-1.455-.626-2.542-1.713t-1.714-2.543T4%2012t.626-3.118T6.34%206.34t2.542-1.714T12%204t3.118.626T17.66%206.34t1.714%202.542T20%2012t-.626%203.118t-1.714%202.542t-2.542%201.714T12%2020t-3.118-.626M12.4%208.192q.425%200%20.809-.124q.383-.124.383-.468q0-.185-.113-.314q-.113-.128-.279-.128q-.2%200-.359.075t-.441.075q-.64%200-1.099-.459t-.459-1.099q0-.256.02-.395q.02-.14.1-.272q-.245.05-.464.086t-.452.115q-.044.114-.066.233t-.022.233q0%201.01.716%201.726q.717.716%201.726.716%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.051%2011.166q.276-.276.276-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276q.391%200%20.667-.276m-4.77%200q.277-.276.277-.666t-.276-.666t-.667-.276t-.666.276t-.276.666t.276.666t.666.276t.667-.276m3.94%204.461q1.01-.604%201.624-1.627H8.154q.613%201.023%201.624%201.627q1.01.604%202.222.604t2.222-.604m-5.34%203.747q-1.455-.626-2.542-1.713t-1.714-2.543T4%2012t.626-3.118T6.34%206.34t2.542-1.714T12%204t3.118.626T17.66%206.34t1.714%202.542T20%2012t-.626%203.118t-1.714%202.542t-2.542%201.714T12%2020t-3.118-.626M12.4%208.192q.425%200%20.809-.124q.383-.124.383-.468q0-.185-.113-.314q-.113-.128-.279-.128q-.2%200-.359.075t-.441.075q-.64%200-1.099-.459t-.459-1.099q0-.256.02-.395q.02-.14.1-.272q-.245.05-.464.086t-.452.115q-.044.114-.066.233t-.022.233q0%201.01.716%201.726q.717.716%201.726.716%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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