nappy diaper icon
nappy-diaper-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- nappy-diaper-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More symbols icons from Health Icons
Use the nappy diaper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7.51 10A1.51 1.51 0 0 0 6 11.51V14h.157C5.517 14 5 14.518 5 15.157v3.686C5 19.483 5.518 20 6.157 20H6c0 9.941 8.059 18 18 18s18-8.059 18-18h-.157c.64 0 1.157-.518 1.157-1.157v-3.686c0-.64-.518-1.157-1.157-1.157H42v-2.49A1.51 1.51 0 0 0 40.49 10zM40 14v-2H8v2h4a3 3 0 1 1 0 6H8c0 1.026.097 2.03.281 3.003c7.224.142 13.106 5.756 13.674 12.868a16 16 0 0 0 4.09 0c.568-7.112 6.45-12.726 13.674-12.868c.184-.973.281-1.977.281-3.003h-4a3 3 0 1 1 0-6zM19.904 35.47c-.718-5.643-5.356-10.063-11.098-10.443A16.03 16.03 0 0 0 19.904 35.47m8.192 0a16.03 16.03 0 0 0 11.098-10.443c-5.742.38-10.38 4.8-11.098 10.444M7 16v2h5a1 1 0 1 0 0-2zm34 2h-5a1 1 0 1 1 0-2h5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsNappyDiaperOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M7.51 10A1.51 1.51 0 0 0 6 11.51V14h.157C5.517 14 5 14.518 5 15.157v3.686C5 19.483 5.518 20 6.157 20H6c0 9.941 8.059 18 18 18s18-8.059 18-18h-.157c.64 0 1.157-.518 1.157-1.157v-3.686c0-.64-.518-1.157-1.157-1.157H42v-2.49A1.51 1.51 0 0 0 40.49 10zM40 14v-2H8v2h4a3 3 0 1 1 0 6H8c0 1.026.097 2.03.281 3.003c7.224.142 13.106 5.756 13.674 12.868a16 16 0 0 0 4.09 0c.568-7.112 6.45-12.726 13.674-12.868c.184-.973.281-1.977.281-3.003h-4a3 3 0 1 1 0-6zM19.904 35.47c-.718-5.643-5.356-10.063-11.098-10.443A16.03 16.03 0 0 0 19.904 35.47m8.192 0a16.03 16.03 0 0 0 11.098-10.443c-5.742.38-10.38 4.8-11.098 10.444M7 16v2h5a1 1 0 1 0 0-2zm34 2h-5a1 1 0 1 1 0-2h5z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7.51 10A1.51 1.51 0 0 0 6 11.51V14h.157C5.517 14 5 14.518 5 15.157v3.686C5 19.483 5.518 20 6.157 20H6c0 9.941 8.059 18 18 18s18-8.059 18-18h-.157c.64 0 1.157-.518 1.157-1.157v-3.686c0-.64-.518-1.157-1.157-1.157H42v-2.49A1.51 1.51 0 0 0 40.49 10zM40 14v-2H8v2h4a3 3 0 1 1 0 6H8c0 1.026.097 2.03.281 3.003c7.224.142 13.106 5.756 13.674 12.868a16 16 0 0 0 4.09 0c.568-7.112 6.45-12.726 13.674-12.868c.184-.973.281-1.977.281-3.003h-4a3 3 0 1 1 0-6zM19.904 35.47c-.718-5.643-5.356-10.063-11.098-10.443A16.03 16.03 0 0 0 19.904 35.47m8.192 0a16.03 16.03 0 0 0 11.098-10.443c-5.742.38-10.38 4.8-11.098 10.444M7 16v2h5a1 1 0 1 0 0-2zm34 2h-5a1 1 0 1 1 0-2h5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-nappy-diaper-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.51%2010A1.51%201.51%200%200%200%206%2011.51V14h.157C5.517%2014%205%2014.518%205%2015.157v3.686C5%2019.483%205.518%2020%206.157%2020H6c0%209.941%208.059%2018%2018%2018s18-8.059%2018-18h-.157c.64%200%201.157-.518%201.157-1.157v-3.686c0-.64-.518-1.157-1.157-1.157H42v-2.49A1.51%201.51%200%200%200%2040.49%2010zM40%2014v-2H8v2h4a3%203%200%201%201%200%206H8c0%201.026.097%202.03.281%203.003c7.224.142%2013.106%205.756%2013.674%2012.868a16%2016%200%200%200%204.09%200c.568-7.112%206.45-12.726%2013.674-12.868c.184-.973.281-1.977.281-3.003h-4a3%203%200%201%201%200-6zM19.904%2035.47c-.718-5.643-5.356-10.063-11.098-10.443A16.03%2016.03%200%200%200%2019.904%2035.47m8.192%200a16.03%2016.03%200%200%200%2011.098-10.443c-5.742.38-10.38%204.8-11.098%2010.444M7%2016v2h5a1%201%200%201%200%200-2zm34%202h-5a1%201%200%201%201%200-2h5z%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.51%2010A1.51%201.51%200%200%200%206%2011.51V14h.157C5.517%2014%205%2014.518%205%2015.157v3.686C5%2019.483%205.518%2020%206.157%2020H6c0%209.941%208.059%2018%2018%2018s18-8.059%2018-18h-.157c.64%200%201.157-.518%201.157-1.157v-3.686c0-.64-.518-1.157-1.157-1.157H42v-2.49A1.51%201.51%200%200%200%2040.49%2010zM40%2014v-2H8v2h4a3%203%200%201%201%200%206H8c0%201.026.097%202.03.281%203.003c7.224.142%2013.106%205.756%2013.674%2012.868a16%2016%200%200%200%204.09%200c.568-7.112%206.45-12.726%2013.674-12.868c.184-.973.281-1.977.281-3.003h-4a3%203%200%201%201%200-6zM19.904%2035.47c-.718-5.643-5.356-10.063-11.098-10.443A16.03%2016.03%200%200%200%2019.904%2035.47m8.192%200a16.03%2016.03%200%200%200%2011.098-10.443c-5.742.38-10.38%204.8-11.098%2010.444M7%2016v2h5a1%201%200%201%200%200-2zm34%202h-5a1%201%200%201%201%200-2h5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/nappy-diaper-outline.svg?color=%231a73e8&size=48
