ios rose icon
ios-rose from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-rose
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios rose icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 141.1c-18.9 3.9-36.8 8.2-53.7 12.8-40.5 11-75.5 24.9-105.4 38.2-19.3 8.6-26.2 12.4-51.5 25.9C147 248.9 112 289 112 349c0 67.8 55.6 115 144 115s144-51.2 144-119c0-67.7-61-114.7 16-203.9z" fill="currentColor"/><path d="M135.4 241.8c12.8-10.5 31.2-23.9 56.1-38.4 6.4-3.8 13.3-7.6 20.6-11.4 11.6-6.1 23.5-11.9 35.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6 121.1 96 107.4 96 107.4c41.5 43.7 44.6 96.5 39.4 134.4z" fill="currentColor"/><path d="M352 77.7s-73.8-.9-125.8 55c0 0 27.7 17.3 42.7 32.3 37.2-15.6 82.3-28.6 115.2-36-6.5-21.7-32.1-51.3-32.1-51.3z" fill="currentColor"/><path d="M239.7 97C210.3 59.5 176 48 176 48c-15.3 20.8-24.3 38-29 51.7 21.1 5.9 36.5 12.3 62.4 24.7 9.5-10.6 18.1-19.1 30.3-27.4z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosRose(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 141.1c-18.9 3.9-36.8 8.2-53.7 12.8-40.5 11-75.5 24.9-105.4 38.2-19.3 8.6-26.2 12.4-51.5 25.9C147 248.9 112 289 112 349c0 67.8 55.6 115 144 115s144-51.2 144-119c0-67.7-61-114.7 16-203.9z" fill="currentColor"/><path d="M135.4 241.8c12.8-10.5 31.2-23.9 56.1-38.4 6.4-3.8 13.3-7.6 20.6-11.4 11.6-6.1 23.5-11.9 35.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6 121.1 96 107.4 96 107.4c41.5 43.7 44.6 96.5 39.4 134.4z" fill="currentColor"/><path d="M352 77.7s-73.8-.9-125.8 55c0 0 27.7 17.3 42.7 32.3 37.2-15.6 82.3-28.6 115.2-36-6.5-21.7-32.1-51.3-32.1-51.3z" fill="currentColor"/><path d="M239.7 97C210.3 59.5 176 48 176 48c-15.3 20.8-24.3 38-29 51.7 21.1 5.9 36.5 12.3 62.4 24.7 9.5-10.6 18.1-19.1 30.3-27.4z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 141.1c-18.9 3.9-36.8 8.2-53.7 12.8-40.5 11-75.5 24.9-105.4 38.2-19.3 8.6-26.2 12.4-51.5 25.9C147 248.9 112 289 112 349c0 67.8 55.6 115 144 115s144-51.2 144-119c0-67.7-61-114.7 16-203.9z" fill="currentColor"/><path d="M135.4 241.8c12.8-10.5 31.2-23.9 56.1-38.4 6.4-3.8 13.3-7.6 20.6-11.4 11.6-6.1 23.5-11.9 35.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6 121.1 96 107.4 96 107.4c41.5 43.7 44.6 96.5 39.4 134.4z" fill="currentColor"/><path d="M352 77.7s-73.8-.9-125.8 55c0 0 27.7 17.3 42.7 32.3 37.2-15.6 82.3-28.6 115.2-36-6.5-21.7-32.1-51.3-32.1-51.3z" fill="currentColor"/><path d="M239.7 97C210.3 59.5 176 48 176 48c-15.3 20.8-24.3 38-29 51.7 21.1 5.9 36.5 12.3 62.4 24.7 9.5-10.6 18.1-19.1 30.3-27.4z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%22M416%20141.1c-18.9%203.9-36.8%208.2-53.7%2012.8-40.5%2011-75.5%2024.9-105.4%2038.2-19.3%208.6-26.2%2012.4-51.5%2025.9C147%20248.9%20112%20289%20112%20349c0%2067.8%2055.6%20115%20144%20115s144-51.2%20144-119c0-67.7-61-114.7%2016-203.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M135.4%20241.8c12.8-10.5%2031.2-23.9%2056.1-38.4%206.4-3.8%2013.3-7.6%2020.6-11.4%2011.6-6.1%2023.5-11.9%2035.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6%20121.1%2096%20107.4%2096%20107.4c41.5%2043.7%2044.6%2096.5%2039.4%20134.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%2077.7s-73.8-.9-125.8%2055c0%200%2027.7%2017.3%2042.7%2032.3%2037.2-15.6%2082.3-28.6%20115.2-36-6.5-21.7-32.1-51.3-32.1-51.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M239.7%2097C210.3%2059.5%20176%2048%20176%2048c-15.3%2020.8-24.3%2038-29%2051.7%2021.1%205.9%2036.5%2012.3%2062.4%2024.7%209.5-10.6%2018.1-19.1%2030.3-27.4z%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%22M416%20141.1c-18.9%203.9-36.8%208.2-53.7%2012.8-40.5%2011-75.5%2024.9-105.4%2038.2-19.3%208.6-26.2%2012.4-51.5%2025.9C147%20248.9%20112%20289%20112%20349c0%2067.8%2055.6%20115%20144%20115s144-51.2%20144-119c0-67.7-61-114.7%2016-203.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M135.4%20241.8c12.8-10.5%2031.2-23.9%2056.1-38.4%206.4-3.8%2013.3-7.6%2020.6-11.4%2011.6-6.1%2023.5-11.9%2035.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6%20121.1%2096%20107.4%2096%20107.4c41.5%2043.7%2044.6%2096.5%2039.4%20134.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%2077.7s-73.8-.9-125.8%2055c0%200%2027.7%2017.3%2042.7%2032.3%2037.2-15.6%2082.3-28.6%20115.2-36-6.5-21.7-32.1-51.3-32.1-51.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M239.7%2097C210.3%2059.5%20176%2048%20176%2048c-15.3%2020.8-24.3%2038-29%2051.7%2021.1%205.9%2036.5%2012.3%2062.4%2024.7%209.5-10.6%2018.1-19.1%2030.3-27.4z%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/ios-rose.svg?color=%231a73e8&size=48
