family planning icon
family-planning-outline from Health Icons by Resolve to Save Lives · Outline · Contraceptives · MIT Free for personal and commercial use.
- Name
- family-planning-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Contraceptives
- Viewbox
- 48×48
- License
- MIT
- Aliases
- family-planning2x-outline
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 d="M15 12a1 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"/><path fill-rule="evenodd" d="M6 8a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm2 0h18v10H8zm20 14v18h-1a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2h-1V22c0-2.22-1.207-4.16-3-5.197V16a3 3 0 1 0-6 0v.803A6 6 0 0 0 28 22m5-4.044l-.998.578A4 4 0 0 0 30 22v18h8V22c0-1.478-.8-2.771-2.001-3.466L35 17.956V16a1 1 0 1 0-2 0zm-20 9.822c0-.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.778zm2 10.444V27.778h2v10.444z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsFamilyPlanningOutline(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 d="M15 12a1 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"/><path fillRule="evenodd" d="M6 8a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm2 0h18v10H8zm20 14v18h-1a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2h-1V22c0-2.22-1.207-4.16-3-5.197V16a3 3 0 1 0-6 0v.803A6 6 0 0 0 28 22m5-4.044l-.998.578A4 4 0 0 0 30 22v18h8V22c0-1.478-.8-2.771-2.001-3.466L35 17.956V16a1 1 0 1 0-2 0zm-20 9.822c0-.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.778zm2 10.444V27.778h2v10.444z" clipRule="evenodd"/></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 d="M15 12a1 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"/><path fill-rule="evenodd" d="M6 8a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm2 0h18v10H8zm20 14v18h-1a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2h-1V22c0-2.22-1.207-4.16-3-5.197V16a3 3 0 1 0-6 0v.803A6 6 0 0 0 28 22m5-4.044l-.998.578A4 4 0 0 0 30 22v18h8V22c0-1.478-.8-2.771-2.001-3.466L35 17.956V16a1 1 0 1 0-2 0zm-20 9.822c0-.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.778zm2 10.444V27.778h2v10.444z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-family-planning-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M15%2012a1%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%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%208a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2zm2%200h18v10H8zm20%2014v18h-1a1%201%200%201%200%200%202h14a1%201%200%201%200%200-2h-1V22c0-2.22-1.207-4.16-3-5.197V16a3%203%200%201%200-6%200v.803A6%206%200%200%200%2028%2022m5-4.044l-.998.578A4%204%200%200%200%2030%2022v18h8V22c0-1.478-.8-2.771-2.001-3.466L35%2017.956V16a1%201%200%201%200-2%200zm-20%209.822c0-.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.778zm2%2010.444V27.778h2v10.444z%22%20clip-rule%3D%22evenodd%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%20d%3D%22M15%2012a1%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%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6%208a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2zm2%200h18v10H8zm20%2014v18h-1a1%201%200%201%200%200%202h14a1%201%200%201%200%200-2h-1V22c0-2.22-1.207-4.16-3-5.197V16a3%203%200%201%200-6%200v.803A6%206%200%200%200%2028%2022m5-4.044l-.998.578A4%204%200%200%200%2030%2022v18h8V22c0-1.478-.8-2.771-2.001-3.466L35%2017.956V16a1%201%200%201%200-2%200zm-20%209.822c0-.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.778zm2%2010.444V27.778h2v10.444z%22%20clip-rule%3D%22evenodd%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-outline.svg?color=%231a73e8&size=48
