account child icon
account-child-outline from Material Design Icons by Pictogrammers · Outline · Account / User · Apache-2.0 Free for personal and commercial use.
- Name
- account-child-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Account / User
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
The same icon in other sets
More account / user icons from Material Design Icons
accountaccount-alertaccount-arrow-downaccount-arrow-leftaccount-arrow-rightaccount-arrow-upaccount-badgeaccount-boxaccount-box-edit-outlineaccount-box-minus-outlineaccount-box-multipleaccount-box-plus-outlineaccount-cancelaccount-cardaccount-cashaccount-checkaccount-child-circleaccount-circleaccount-clockaccount-cogaccount-convertaccount-cowboy-hataccount-credit-cardaccount-details
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="M12 17c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m0-7c2.34 0 7 1.16 7 3.5v5.13c0 .87-.69 1.61-1.66 2.16v-7.41c0-.56-2.74-1.84-5.34-1.84s-5.34 1.28-5.34 1.84v5.37c0 .25.65.71 1.62 1.1C9 19 10.93 18.56 12 18.56c1.33 0 4 .66 4 2v.83c-1.37.49-2.93.74-4 .74s-2.62-.25-4-.74c-1.63-.58-3-1.5-3-2.76V13.5c0-2.34 4.66-3.5 7-3.5m0-6.25c-.97 0-1.75.78-1.75 1.75s.78 1.75 1.75 1.75s1.75-.78 1.75-1.75s-.78-1.75-1.75-1.75M12 9c-1.93 0-3.5-1.57-3.5-3.5S10.07 2 12 2s3.5 1.57 3.5 3.5S13.93 9 12 9"/></svg>
React
import type { SVGProps } from "react";
export function MdiAccountChildOutline(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="M12 17c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m0-7c2.34 0 7 1.16 7 3.5v5.13c0 .87-.69 1.61-1.66 2.16v-7.41c0-.56-2.74-1.84-5.34-1.84s-5.34 1.28-5.34 1.84v5.37c0 .25.65.71 1.62 1.1C9 19 10.93 18.56 12 18.56c1.33 0 4 .66 4 2v.83c-1.37.49-2.93.74-4 .74s-2.62-.25-4-.74c-1.63-.58-3-1.5-3-2.76V13.5c0-2.34 4.66-3.5 7-3.5m0-6.25c-.97 0-1.75.78-1.75 1.75s.78 1.75 1.75 1.75s1.75-.78 1.75-1.75s-.78-1.75-1.75-1.75M12 9c-1.93 0-3.5-1.57-3.5-3.5S10.07 2 12 2s3.5 1.57 3.5 3.5S13.93 9 12 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m0-7c2.34 0 7 1.16 7 3.5v5.13c0 .87-.69 1.61-1.66 2.16v-7.41c0-.56-2.74-1.84-5.34-1.84s-5.34 1.28-5.34 1.84v5.37c0 .25.65.71 1.62 1.1C9 19 10.93 18.56 12 18.56c1.33 0 4 .66 4 2v.83c-1.37.49-2.93.74-4 .74s-2.62-.25-4-.74c-1.63-.58-3-1.5-3-2.76V13.5c0-2.34 4.66-3.5 7-3.5m0-6.25c-.97 0-1.75.78-1.75 1.75s.78 1.75 1.75 1.75s1.75-.78 1.75-1.75s-.78-1.75-1.75-1.75M12 9c-1.93 0-3.5-1.57-3.5-3.5S10.07 2 12 2s3.5 1.57 3.5 3.5S13.93 9 12 9"/></svg> </template>
CSS
.icon-account-child-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%22M12%2017c-1.1%200-2-.9-2-2s.9-2%202-2s2%20.9%202%202s-.9%202-2%202m0-7c2.34%200%207%201.16%207%203.5v5.13c0%20.87-.69%201.61-1.66%202.16v-7.41c0-.56-2.74-1.84-5.34-1.84s-5.34%201.28-5.34%201.84v5.37c0%20.25.65.71%201.62%201.1C9%2019%2010.93%2018.56%2012%2018.56c1.33%200%204%20.66%204%202v.83c-1.37.49-2.93.74-4%20.74s-2.62-.25-4-.74c-1.63-.58-3-1.5-3-2.76V13.5c0-2.34%204.66-3.5%207-3.5m0-6.25c-.97%200-1.75.78-1.75%201.75s.78%201.75%201.75%201.75s1.75-.78%201.75-1.75s-.78-1.75-1.75-1.75M12%209c-1.93%200-3.5-1.57-3.5-3.5S10.07%202%2012%202s3.5%201.57%203.5%203.5S13.93%209%2012%209%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%22M12%2017c-1.1%200-2-.9-2-2s.9-2%202-2s2%20.9%202%202s-.9%202-2%202m0-7c2.34%200%207%201.16%207%203.5v5.13c0%20.87-.69%201.61-1.66%202.16v-7.41c0-.56-2.74-1.84-5.34-1.84s-5.34%201.28-5.34%201.84v5.37c0%20.25.65.71%201.62%201.1C9%2019%2010.93%2018.56%2012%2018.56c1.33%200%204%20.66%204%202v.83c-1.37.49-2.93.74-4%20.74s-2.62-.25-4-.74c-1.63-.58-3-1.5-3-2.76V13.5c0-2.34%204.66-3.5%207-3.5m0-6.25c-.97%200-1.75.78-1.75%201.75s.78%201.75%201.75%201.75s1.75-.78%201.75-1.75s-.78-1.75-1.75-1.75M12%209c-1.93%200-3.5-1.57-3.5-3.5S10.07%202%2012%202s3.5%201.57%203.5%203.5S13.93%209%2012%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/account-child-outline.svg?color=%231a73e8&size=48
