menstrual health icon
menstrual-health-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- menstrual-health-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the menstrual health icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.288 16.563q-.188-.038-.313-.213q-.5-1.025-.737-2.125T2 12V4.5q0-.625.55-.9t1.05.1l3.1 2.325q.275.2.312.513t-.137.587Q5.7 8.925 4.85 10.888T4 15v.388q0 .187.025.387q.025.275-.088.475t-.287.275t-.362.038M7.75 19.25Q6 17.5 6 15q0-1.625 1.075-4.125t3.7-5.925q.475-.6 1.225-.6t1.225.6q2.6 3.4 3.688 5.913T18 15q0 2.5-1.75 4.25T12 21t-4.25-1.75m12.263-2.963q-.113-.212-.038-.512q.025-.2.025-.387V15q0-2.15-.85-4.112t-2.025-3.763q-.175-.275-.137-.587t.312-.513L20.4 3.7q.5-.375 1.05-.1t.55.9V12q0 1.125-.237 2.225t-.738 2.125q-.1.2-.3.25t-.4-.025t-.312-.287"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsMenstrualHealthRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.288 16.563q-.188-.038-.313-.213q-.5-1.025-.737-2.125T2 12V4.5q0-.625.55-.9t1.05.1l3.1 2.325q.275.2.312.513t-.137.587Q5.7 8.925 4.85 10.888T4 15v.388q0 .187.025.387q.025.275-.088.475t-.287.275t-.362.038M7.75 19.25Q6 17.5 6 15q0-1.625 1.075-4.125t3.7-5.925q.475-.6 1.225-.6t1.225.6q2.6 3.4 3.688 5.913T18 15q0 2.5-1.75 4.25T12 21t-4.25-1.75m12.263-2.963q-.113-.212-.038-.512q.025-.2.025-.387V15q0-2.15-.85-4.112t-2.025-3.763q-.175-.275-.137-.587t.312-.513L20.4 3.7q.5-.375 1.05-.1t.55.9V12q0 1.125-.237 2.225t-.738 2.125q-.1.2-.3.25t-.4-.025t-.312-.287"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.288 16.563q-.188-.038-.313-.213q-.5-1.025-.737-2.125T2 12V4.5q0-.625.55-.9t1.05.1l3.1 2.325q.275.2.312.513t-.137.587Q5.7 8.925 4.85 10.888T4 15v.388q0 .187.025.387q.025.275-.088.475t-.287.275t-.362.038M7.75 19.25Q6 17.5 6 15q0-1.625 1.075-4.125t3.7-5.925q.475-.6 1.225-.6t1.225.6q2.6 3.4 3.688 5.913T18 15q0 2.5-1.75 4.25T12 21t-4.25-1.75m12.263-2.963q-.113-.212-.038-.512q.025-.2.025-.387V15q0-2.15-.85-4.112t-2.025-3.763q-.175-.275-.137-.587t.312-.513L20.4 3.7q.5-.375 1.05-.1t.55.9V12q0 1.125-.237 2.225t-.738 2.125q-.1.2-.3.25t-.4-.025t-.312-.287"/></svg> </template>
CSS
.icon-menstrual-health-rounded {
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%22currentColor%22%20d%3D%22M3.288%2016.563q-.188-.038-.313-.213q-.5-1.025-.737-2.125T2%2012V4.5q0-.625.55-.9t1.05.1l3.1%202.325q.275.2.312.513t-.137.587Q5.7%208.925%204.85%2010.888T4%2015v.388q0%20.187.025.387q.025.275-.088.475t-.287.275t-.362.038M7.75%2019.25Q6%2017.5%206%2015q0-1.625%201.075-4.125t3.7-5.925q.475-.6%201.225-.6t1.225.6q2.6%203.4%203.688%205.913T18%2015q0%202.5-1.75%204.25T12%2021t-4.25-1.75m12.263-2.963q-.113-.212-.038-.512q.025-.2.025-.387V15q0-2.15-.85-4.112t-2.025-3.763q-.175-.275-.137-.587t.312-.513L20.4%203.7q.5-.375%201.05-.1t.55.9V12q0%201.125-.237%202.225t-.738%202.125q-.1.2-.3.25t-.4-.025t-.312-.287%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%22currentColor%22%20d%3D%22M3.288%2016.563q-.188-.038-.313-.213q-.5-1.025-.737-2.125T2%2012V4.5q0-.625.55-.9t1.05.1l3.1%202.325q.275.2.312.513t-.137.587Q5.7%208.925%204.85%2010.888T4%2015v.388q0%20.187.025.387q.025.275-.088.475t-.287.275t-.362.038M7.75%2019.25Q6%2017.5%206%2015q0-1.625%201.075-4.125t3.7-5.925q.475-.6%201.225-.6t1.225.6q2.6%203.4%203.688%205.913T18%2015q0%202.5-1.75%204.25T12%2021t-4.25-1.75m12.263-2.963q-.113-.212-.038-.512q.025-.2.025-.387V15q0-2.15-.85-4.112t-2.025-3.763q-.175-.275-.137-.587t.312-.513L20.4%203.7q.5-.375%201.05-.1t.55.9V12q0%201.125-.237%202.225t-.738%202.125q-.1.2-.3.25t-.4-.025t-.312-.287%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/menstrual-health-rounded.svg?color=%231a73e8&size=48
