md rose icon
md-rose from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-rose
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md rose icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M260.6 214.8c23.8-40.9 48-71.6 91.4-96.4 8.3-4.8 21.2-8 22.8-8.9C290.7 83.7 256 32 256 32s-34.7 51.7-120.5 76.5c5.8 3.4 16.5 6.5 30.7 13.7 34.5 17.4 62.5 51.3 94.4 92.6z" fill="currentColor"/><path d="M246.3 253.4C186.7 161.2 131.4 126.8 48 126.8c54.2 78.6 52 174.6 52 215.4 0 76.1 69.8 137.8 156 137.8 57.6 0 107.9-27.6 135-68.7-35.5-27.6-85.1-65.7-144.7-157.9z" fill="currentColor"/><path d="M464 126.8s-55.2-2.3-85.2 15.4c-43 25.5-74.4 61.3-95.4 103.2 38.8 52 73 87.9 95.4 109.4 10.7 10.2 19.8 18.2 27.5 24.5 3.7-11.8 5.8-24.3 5.8-37.2-.1-40.8-17.4-114.1 51.9-215.3z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdRose(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M260.6 214.8c23.8-40.9 48-71.6 91.4-96.4 8.3-4.8 21.2-8 22.8-8.9C290.7 83.7 256 32 256 32s-34.7 51.7-120.5 76.5c5.8 3.4 16.5 6.5 30.7 13.7 34.5 17.4 62.5 51.3 94.4 92.6z" fill="currentColor"/><path d="M246.3 253.4C186.7 161.2 131.4 126.8 48 126.8c54.2 78.6 52 174.6 52 215.4 0 76.1 69.8 137.8 156 137.8 57.6 0 107.9-27.6 135-68.7-35.5-27.6-85.1-65.7-144.7-157.9z" fill="currentColor"/><path d="M464 126.8s-55.2-2.3-85.2 15.4c-43 25.5-74.4 61.3-95.4 103.2 38.8 52 73 87.9 95.4 109.4 10.7 10.2 19.8 18.2 27.5 24.5 3.7-11.8 5.8-24.3 5.8-37.2-.1-40.8-17.4-114.1 51.9-215.3z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M260.6 214.8c23.8-40.9 48-71.6 91.4-96.4 8.3-4.8 21.2-8 22.8-8.9C290.7 83.7 256 32 256 32s-34.7 51.7-120.5 76.5c5.8 3.4 16.5 6.5 30.7 13.7 34.5 17.4 62.5 51.3 94.4 92.6z" fill="currentColor"/><path d="M246.3 253.4C186.7 161.2 131.4 126.8 48 126.8c54.2 78.6 52 174.6 52 215.4 0 76.1 69.8 137.8 156 137.8 57.6 0 107.9-27.6 135-68.7-35.5-27.6-85.1-65.7-144.7-157.9z" fill="currentColor"/><path d="M464 126.8s-55.2-2.3-85.2 15.4c-43 25.5-74.4 61.3-95.4 103.2 38.8 52 73 87.9 95.4 109.4 10.7 10.2 19.8 18.2 27.5 24.5 3.7-11.8 5.8-24.3 5.8-37.2-.1-40.8-17.4-114.1 51.9-215.3z" fill="currentColor"/></svg> </template>
CSS
.icon-md-rose {
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%20512%20512%22%3E%3Cpath%20d%3D%22M260.6%20214.8c23.8-40.9%2048-71.6%2091.4-96.4%208.3-4.8%2021.2-8%2022.8-8.9C290.7%2083.7%20256%2032%20256%2032s-34.7%2051.7-120.5%2076.5c5.8%203.4%2016.5%206.5%2030.7%2013.7%2034.5%2017.4%2062.5%2051.3%2094.4%2092.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M246.3%20253.4C186.7%20161.2%20131.4%20126.8%2048%20126.8c54.2%2078.6%2052%20174.6%2052%20215.4%200%2076.1%2069.8%20137.8%20156%20137.8%2057.6%200%20107.9-27.6%20135-68.7-35.5-27.6-85.1-65.7-144.7-157.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M464%20126.8s-55.2-2.3-85.2%2015.4c-43%2025.5-74.4%2061.3-95.4%20103.2%2038.8%2052%2073%2087.9%2095.4%20109.4%2010.7%2010.2%2019.8%2018.2%2027.5%2024.5%203.7-11.8%205.8-24.3%205.8-37.2-.1-40.8-17.4-114.1%2051.9-215.3z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M260.6%20214.8c23.8-40.9%2048-71.6%2091.4-96.4%208.3-4.8%2021.2-8%2022.8-8.9C290.7%2083.7%20256%2032%20256%2032s-34.7%2051.7-120.5%2076.5c5.8%203.4%2016.5%206.5%2030.7%2013.7%2034.5%2017.4%2062.5%2051.3%2094.4%2092.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M246.3%20253.4C186.7%20161.2%20131.4%20126.8%2048%20126.8c54.2%2078.6%2052%20174.6%2052%20215.4%200%2076.1%2069.8%20137.8%20156%20137.8%2057.6%200%20107.9-27.6%20135-68.7-35.5-27.6-85.1-65.7-144.7-157.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M464%20126.8s-55.2-2.3-85.2%2015.4c-43%2025.5-74.4%2061.3-95.4%20103.2%2038.8%2052%2073%2087.9%2095.4%20109.4%2010.7%2010.2%2019.8%2018.2%2027.5%2024.5%203.7-11.8%205.8-24.3%205.8-37.2-.1-40.8-17.4-114.1%2051.9-215.3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-rose.svg?color=%231a73e8&size=48
