family planning icon
family-planning from Health Icons by Resolve to Save Lives · Filled · Contraceptives · MIT Free for personal and commercial use.
- Name
- family-planning
- Set
- Health Icons
- Style
- Filled
- Category
- Contraceptives
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More contraceptives icons from Health Icons
Use the family planning icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M8 6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm7 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m7-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clip-rule="evenodd"/><path d="M31 16a3 3 0 1 1 6 0v.803A6 6 0 0 1 40 22v18h1a1 1 0 1 1 0 2H27a1 1 0 1 1 0-2h1V22c0-2.22 1.207-4.16 3-5.197zM13 27.778c0-.842.658-1.547 1.542-1.731l-.93-1.882L6.48 25.97L6 24.03l7.133-1.806a1.97 1.97 0 0 1 2.246 1.046L16 24.528l.621-1.258a1.97 1.97 0 0 1 2.246-1.046L26 24.03l-.48 1.94l-7.132-1.805l-.93 1.882c.884.184 1.542.89 1.542 1.73v10.445c0 .982-.895 1.778-2 1.778v2h-2v-2c-1.105 0-2-.796-2-1.778z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsFamilyPlanning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fillRule="evenodd" d="M8 6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm7 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m7-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clipRule="evenodd"/><path d="M31 16a3 3 0 1 1 6 0v.803A6 6 0 0 1 40 22v18h1a1 1 0 1 1 0 2H27a1 1 0 1 1 0-2h1V22c0-2.22 1.207-4.16 3-5.197zM13 27.778c0-.842.658-1.547 1.542-1.731l-.93-1.882L6.48 25.97L6 24.03l7.133-1.806a1.97 1.97 0 0 1 2.246 1.046L16 24.528l.621-1.258a1.97 1.97 0 0 1 2.246-1.046L26 24.03l-.48 1.94l-7.132-1.805l-.93 1.882c.884.184 1.542.89 1.542 1.73v10.445c0 .982-.895 1.778-2 1.778v2h-2v-2c-1.105 0-2-.796-2-1.778z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M8 6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2zm7 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m7-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3-3a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clip-rule="evenodd"/><path d="M31 16a3 3 0 1 1 6 0v.803A6 6 0 0 1 40 22v18h1a1 1 0 1 1 0 2H27a1 1 0 1 1 0-2h1V22c0-2.22 1.207-4.16 3-5.197zM13 27.778c0-.842.658-1.547 1.542-1.731l-.93-1.882L6.48 25.97L6 24.03l7.133-1.806a1.97 1.97 0 0 1 2.246 1.046L16 24.528l.621-1.258a1.97 1.97 0 0 1 2.246-1.046L26 24.03l-.48 1.94l-7.132-1.805l-.93 1.882c.884.184 1.542.89 1.542 1.73v10.445c0 .982-.895 1.778-2 1.778v2h-2v-2c-1.105 0-2-.796-2-1.778z"/></g></svg> </template>
CSS
.icon-family-planning {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%206a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h18a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2zm7%206a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-3-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m3%205a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-3-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m7-3a1%201%200%201%200%200-2a1%201%200%200%200%200%202m1%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m3-3a1%201%200%201%200%200-2a1%201%200%200%200%200%202m1%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M31%2016a3%203%200%201%201%206%200v.803A6%206%200%200%201%2040%2022v18h1a1%201%200%201%201%200%202H27a1%201%200%201%201%200-2h1V22c0-2.22%201.207-4.16%203-5.197zM13%2027.778c0-.842.658-1.547%201.542-1.731l-.93-1.882L6.48%2025.97L6%2024.03l7.133-1.806a1.97%201.97%200%200%201%202.246%201.046L16%2024.528l.621-1.258a1.97%201.97%200%200%201%202.246-1.046L26%2024.03l-.48%201.94l-7.132-1.805l-.93%201.882c.884.184%201.542.89%201.542%201.73v10.445c0%20.982-.895%201.778-2%201.778v2h-2v-2c-1.105%200-2-.796-2-1.778z%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%206a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h18a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2zm7%206a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-3-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m3%205a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-3-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m7-3a1%201%200%201%200%200-2a1%201%200%200%200%200%202m1%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m3-3a1%201%200%201%200%200-2a1%201%200%200%200%200%202m1%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M31%2016a3%203%200%201%201%206%200v.803A6%206%200%200%201%2040%2022v18h1a1%201%200%201%201%200%202H27a1%201%200%201%201%200-2h1V22c0-2.22%201.207-4.16%203-5.197zM13%2027.778c0-.842.658-1.547%201.542-1.731l-.93-1.882L6.48%2025.97L6%2024.03l7.133-1.806a1.97%201.97%200%200%201%202.246%201.046L16%2024.528l.621-1.258a1.97%201.97%200%200%201%202.246-1.046L26%2024.03l-.48%201.94l-7.132-1.805l-.93%201.882c.884.184%201.542.89%201.542%201.73v10.445c0%20.982-.895%201.778-2%201.778v2h-2v-2c-1.105%200-2-.796-2-1.778z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/family-planning.svg?color=%231a73e8&size=48
