girl icon
girl from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- girl
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the girl icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.5 15.5C4.1 17.6 4.4 19.2 3.2 20.4C2.4 19.4 2 18 2 16.4C2 14.4 2.6 12.4 4 11C4 6 7.6 2 12 2C16.4 2 20 6 20 11C21.4 12.4 22 14.4 22 16.4C22 18 21.6 19.4 20.8 20.4C19.6 19.2 19.9 17.6 19.5 15.5C19.5 19.6 15.6 22 12 22C8.4 22 4.5 19.6 4.5 15.5ZM4.0957 9.6C9 9.6 11 5.8 12 3.5C13 5.8 15 9.6 19.9043 9.6M9 12.6L9 13.6M15 12.6L15 13.6M10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsGirl(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4.5 15.5C4.1 17.6 4.4 19.2 3.2 20.4C2.4 19.4 2 18 2 16.4C2 14.4 2.6 12.4 4 11C4 6 7.6 2 12 2C16.4 2 20 6 20 11C21.4 12.4 22 14.4 22 16.4C22 18 21.6 19.4 20.8 20.4C19.6 19.2 19.9 17.6 19.5 15.5C19.5 19.6 15.6 22 12 22C8.4 22 4.5 19.6 4.5 15.5ZM4.0957 9.6C9 9.6 11 5.8 12 3.5C13 5.8 15 9.6 19.9043 9.6M9 12.6L9 13.6M15 12.6L15 13.6M10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.5 15.5C4.1 17.6 4.4 19.2 3.2 20.4C2.4 19.4 2 18 2 16.4C2 14.4 2.6 12.4 4 11C4 6 7.6 2 12 2C16.4 2 20 6 20 11C21.4 12.4 22 14.4 22 16.4C22 18 21.6 19.4 20.8 20.4C19.6 19.2 19.9 17.6 19.5 15.5C19.5 19.6 15.6 22 12 22C8.4 22 4.5 19.6 4.5 15.5ZM4.0957 9.6C9 9.6 11 5.8 12 3.5C13 5.8 15 9.6 19.9043 9.6M9 12.6L9 13.6M15 12.6L15 13.6M10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45"/></svg> </template>
CSS
.icon-girl {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4.5%2015.5C4.1%2017.6%204.4%2019.2%203.2%2020.4C2.4%2019.4%202%2018%202%2016.4C2%2014.4%202.6%2012.4%204%2011C4%206%207.6%202%2012%202C16.4%202%2020%206%2020%2011C21.4%2012.4%2022%2014.4%2022%2016.4C22%2018%2021.6%2019.4%2020.8%2020.4C19.6%2019.2%2019.9%2017.6%2019.5%2015.5C19.5%2019.6%2015.6%2022%2012%2022C8.4%2022%204.5%2019.6%204.5%2015.5ZM4.0957%209.6C9%209.6%2011%205.8%2012%203.5C13%205.8%2015%209.6%2019.9043%209.6M9%2012.6L9%2013.6M15%2012.6L15%2013.6M10.5%2017.45C11%2017.8%2011.5%2017.95%2012%2017.95C12.5%2017.95%2013%2017.8%2013.5%2017.45%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4.5%2015.5C4.1%2017.6%204.4%2019.2%203.2%2020.4C2.4%2019.4%202%2018%202%2016.4C2%2014.4%202.6%2012.4%204%2011C4%206%207.6%202%2012%202C16.4%202%2020%206%2020%2011C21.4%2012.4%2022%2014.4%2022%2016.4C22%2018%2021.6%2019.4%2020.8%2020.4C19.6%2019.2%2019.9%2017.6%2019.5%2015.5C19.5%2019.6%2015.6%2022%2012%2022C8.4%2022%204.5%2019.6%204.5%2015.5ZM4.0957%209.6C9%209.6%2011%205.8%2012%203.5C13%205.8%2015%209.6%2019.9043%209.6M9%2012.6L9%2013.6M15%2012.6L15%2013.6M10.5%2017.45C11%2017.8%2011.5%2017.95%2012%2017.95C12.5%2017.95%2013%2017.8%2013.5%2017.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/girl.svg?color=%231a73e8&size=48
