baby boy icon

baby-boy-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.

Name: baby-boy-sharp-duotone
Set: Keyline Icons
Style: Sharp Duotone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

baby-boy baby-boy-duotone baby-boy-fill baby-boy-sharp baby-boy-sharp-fill baby-boy-sharp-two-tone baby-boy-two-tone

Related icons in Keyline Icons

Use the baby boy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M4 10.5C4 5.8 7.6 2 12 2C16.4 2 20 5.8 20 10.5C21.1046 10.5 22 11.6193 22 13C22 14.3807 21.1046 15.5 20 15.5L20 15.738C20 17.3 19 18.9 17.45 20.1C15.9 21.3 13.94 22 12 22C10.06 22 8.1 21.3 6.55 20.1C5 18.9 4 17.3 4 15.738L4 15.5C2.8954 15.5 2 14.3807 2 13C2 11.6193 2.8954 10.5 4 10.5Z"/><path d="M12 2C10.8 2.3 9.1 3.2742 9.1 5.5C9.1 7.2121 10.4879 8.6 12.2 8.6C13.1163 8.6 13.9857 8.1946 14.5747 7.4926L14.8744 7.1354M9 11.6L9 14.6M15 11.6L15 14.6M10.0735 17.1514L10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45L13.9265 17.1514"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsBabyBoySharpDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path strokeOpacity=".4" d="M4 10.5C4 5.8 7.6 2 12 2C16.4 2 20 5.8 20 10.5C21.1046 10.5 22 11.6193 22 13C22 14.3807 21.1046 15.5 20 15.5L20 15.738C20 17.3 19 18.9 17.45 20.1C15.9 21.3 13.94 22 12 22C10.06 22 8.1 21.3 6.55 20.1C5 18.9 4 17.3 4 15.738L4 15.5C2.8954 15.5 2 14.3807 2 13C2 11.6193 2.8954 10.5 4 10.5Z"/><path d="M12 2C10.8 2.3 9.1 3.2742 9.1 5.5C9.1 7.2121 10.4879 8.6 12.2 8.6C13.1163 8.6 13.9857 8.1946 14.5747 7.4926L14.8744 7.1354M9 11.6L9 14.6M15 11.6L15 14.6M10.0735 17.1514L10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45L13.9265 17.1514"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M4 10.5C4 5.8 7.6 2 12 2C16.4 2 20 5.8 20 10.5C21.1046 10.5 22 11.6193 22 13C22 14.3807 21.1046 15.5 20 15.5L20 15.738C20 17.3 19 18.9 17.45 20.1C15.9 21.3 13.94 22 12 22C10.06 22 8.1 21.3 6.55 20.1C5 18.9 4 17.3 4 15.738L4 15.5C2.8954 15.5 2 14.3807 2 13C2 11.6193 2.8954 10.5 4 10.5Z"/><path d="M12 2C10.8 2.3 9.1 3.2742 9.1 5.5C9.1 7.2121 10.4879 8.6 12.2 8.6C13.1163 8.6 13.9857 8.1946 14.5747 7.4926L14.8744 7.1354M9 11.6L9 14.6M15 11.6L15 14.6M10.0735 17.1514L10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45L13.9265 17.1514"/></g></svg>
</template>

CSS

.icon-baby-boy-sharp-duotone {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M4%2010.5C4%205.8%207.6%202%2012%202C16.4%202%2020%205.8%2020%2010.5C21.1046%2010.5%2022%2011.6193%2022%2013C22%2014.3807%2021.1046%2015.5%2020%2015.5L20%2015.738C20%2017.3%2019%2018.9%2017.45%2020.1C15.9%2021.3%2013.94%2022%2012%2022C10.06%2022%208.1%2021.3%206.55%2020.1C5%2018.9%204%2017.3%204%2015.738L4%2015.5C2.8954%2015.5%202%2014.3807%202%2013C2%2011.6193%202.8954%2010.5%204%2010.5Z%22%2F%3E%3Cpath%20d%3D%22M12%202C10.8%202.3%209.1%203.2742%209.1%205.5C9.1%207.2121%2010.4879%208.6%2012.2%208.6C13.1163%208.6%2013.9857%208.1946%2014.5747%207.4926L14.8744%207.1354M9%2011.6L9%2014.6M15%2011.6L15%2014.6M10.0735%2017.1514L10.5%2017.45C11%2017.8%2011.5%2017.95%2012%2017.95C12.5%2017.95%2013%2017.8%2013.5%2017.45L13.9265%2017.1514%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-opacity%3D%22.4%22%20d%3D%22M4%2010.5C4%205.8%207.6%202%2012%202C16.4%202%2020%205.8%2020%2010.5C21.1046%2010.5%2022%2011.6193%2022%2013C22%2014.3807%2021.1046%2015.5%2020%2015.5L20%2015.738C20%2017.3%2019%2018.9%2017.45%2020.1C15.9%2021.3%2013.94%2022%2012%2022C10.06%2022%208.1%2021.3%206.55%2020.1C5%2018.9%204%2017.3%204%2015.738L4%2015.5C2.8954%2015.5%202%2014.3807%202%2013C2%2011.6193%202.8954%2010.5%204%2010.5Z%22%2F%3E%3Cpath%20d%3D%22M12%202C10.8%202.3%209.1%203.2742%209.1%205.5C9.1%207.2121%2010.4879%208.6%2012.2%208.6C13.1163%208.6%2013.9857%208.1946%2014.5747%207.4926L14.8744%207.1354M9%2011.6L9%2014.6M15%2011.6L15%2014.6M10.0735%2017.1514L10.5%2017.45C11%2017.8%2011.5%2017.95%2012%2017.95C12.5%2017.95%2013%2017.8%2013.5%2017.45L13.9265%2017.1514%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/baby-boy-sharp-duotone.svg?color=%231a73e8&size=48