ios rose icon
ios-rose-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-rose-outline
- Set
- IonIcons
- Style
- Outline
- 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="M379.769 153.431c-29.777 55.586-17.604 99.504-6.645 139.039C378.717 312.648 384 331.708 384 351.889c0 15.897-2.956 30.873-8.785 44.51-5.727 13.396-14.104 25.212-24.898 35.12C327.169 452.768 294.555 464 256 464s-71.169-11.232-94.316-32.481c-10.795-9.908-19.172-21.725-24.898-35.12-5.829-13.637-8.785-28.612-8.785-44.51 0-31.65 6.92-55.999 21.775-76.626 13.061-18.134 32.646-34.094 63.505-51.749l6.506-3.725c20.197-11.57 27.001-15.467 43.976-23.588 31.845-15.234 66.513-28.387 103.041-39.094a760.861 760.861 0 0 1 12.965-3.676M416 128a816.389 816.389 0 0 0-53.697 13.753c-40.457 11.858-75.509 25.693-105.445 40.015-19.271 9.219-26.236 13.393-51.522 27.859C147.001 243 112 278.926 112 351.889S167.635 480 256 480s144-55.148 144-128.111S338.999 224 416 128z" fill="currentColor"/><path d="M133.516 123.147c21.432 6.955 47.724 16.977 69.799 29.846 6.385 3.723 12.092 7.493 17.092 11.291a595.825 595.825 0 0 0-16.138 8.833 570.11 570.11 0 0 0-21.243 12.679c-10.484 6.574-20.435 13.308-29.789 20.156-.6-25.918-5.682-54.802-19.721-82.805M96 96c41.475 47.079 44.624 103.891 39.382 144.741 12.772-11.274 31.177-25.734 56.144-41.389a548.613 548.613 0 0 1 20.645-12.322c11.578-6.575 23.538-12.822 35.834-18.765-9.113-10.898-22.07-20.606-36.631-29.095C162.631 110.756 96 96 96 96z" fill="currentColor"/><path d="M344.629 80.697c5.309 7.227 12.393 17.661 17.66 27.726-29.863 8.433-65.994 21.145-94.967 33.476-5.963-6.235-12.982-12.294-21.006-18.135 17.437-15.757 38.773-27.668 63.652-35.506 14.55-4.583 27.048-6.646 34.661-7.561M352 64s-78.623 2.321-130.681 62.469c16.629 9.903 29.735 20.503 38.959 31.533l2.724 3.257c37.152-16.794 88.131-34.085 120.998-42.009C377.617 95.827 352 64 352 64z" fill="currentColor"/><path d="M181.229 53.532c9.241 6.122 22.68 16.481 35.999 31.924a199.224 199.224 0 0 0-13.888 13.247c-14.024-7.088-24.951-12.192-36.826-16.602 3.66-8.471 8.581-18.313 14.715-28.569M176 32c-15.256 22.406-25.684 45.299-30.336 59.997 21.111 6.355 35.475 13.215 61.389 26.574 9.505-11.4 20.415-21.626 32.605-30.543C210.342 47.655 176 32 176 32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosRoseOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M379.769 153.431c-29.777 55.586-17.604 99.504-6.645 139.039C378.717 312.648 384 331.708 384 351.889c0 15.897-2.956 30.873-8.785 44.51-5.727 13.396-14.104 25.212-24.898 35.12C327.169 452.768 294.555 464 256 464s-71.169-11.232-94.316-32.481c-10.795-9.908-19.172-21.725-24.898-35.12-5.829-13.637-8.785-28.612-8.785-44.51 0-31.65 6.92-55.999 21.775-76.626 13.061-18.134 32.646-34.094 63.505-51.749l6.506-3.725c20.197-11.57 27.001-15.467 43.976-23.588 31.845-15.234 66.513-28.387 103.041-39.094a760.861 760.861 0 0 1 12.965-3.676M416 128a816.389 816.389 0 0 0-53.697 13.753c-40.457 11.858-75.509 25.693-105.445 40.015-19.271 9.219-26.236 13.393-51.522 27.859C147.001 243 112 278.926 112 351.889S167.635 480 256 480s144-55.148 144-128.111S338.999 224 416 128z" fill="currentColor"/><path d="M133.516 123.147c21.432 6.955 47.724 16.977 69.799 29.846 6.385 3.723 12.092 7.493 17.092 11.291a595.825 595.825 0 0 0-16.138 8.833 570.11 570.11 0 0 0-21.243 12.679c-10.484 6.574-20.435 13.308-29.789 20.156-.6-25.918-5.682-54.802-19.721-82.805M96 96c41.475 47.079 44.624 103.891 39.382 144.741 12.772-11.274 31.177-25.734 56.144-41.389a548.613 548.613 0 0 1 20.645-12.322c11.578-6.575 23.538-12.822 35.834-18.765-9.113-10.898-22.07-20.606-36.631-29.095C162.631 110.756 96 96 96 96z" fill="currentColor"/><path d="M344.629 80.697c5.309 7.227 12.393 17.661 17.66 27.726-29.863 8.433-65.994 21.145-94.967 33.476-5.963-6.235-12.982-12.294-21.006-18.135 17.437-15.757 38.773-27.668 63.652-35.506 14.55-4.583 27.048-6.646 34.661-7.561M352 64s-78.623 2.321-130.681 62.469c16.629 9.903 29.735 20.503 38.959 31.533l2.724 3.257c37.152-16.794 88.131-34.085 120.998-42.009C377.617 95.827 352 64 352 64z" fill="currentColor"/><path d="M181.229 53.532c9.241 6.122 22.68 16.481 35.999 31.924a199.224 199.224 0 0 0-13.888 13.247c-14.024-7.088-24.951-12.192-36.826-16.602 3.66-8.471 8.581-18.313 14.715-28.569M176 32c-15.256 22.406-25.684 45.299-30.336 59.997 21.111 6.355 35.475 13.215 61.389 26.574 9.505-11.4 20.415-21.626 32.605-30.543C210.342 47.655 176 32 176 32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M379.769 153.431c-29.777 55.586-17.604 99.504-6.645 139.039C378.717 312.648 384 331.708 384 351.889c0 15.897-2.956 30.873-8.785 44.51-5.727 13.396-14.104 25.212-24.898 35.12C327.169 452.768 294.555 464 256 464s-71.169-11.232-94.316-32.481c-10.795-9.908-19.172-21.725-24.898-35.12-5.829-13.637-8.785-28.612-8.785-44.51 0-31.65 6.92-55.999 21.775-76.626 13.061-18.134 32.646-34.094 63.505-51.749l6.506-3.725c20.197-11.57 27.001-15.467 43.976-23.588 31.845-15.234 66.513-28.387 103.041-39.094a760.861 760.861 0 0 1 12.965-3.676M416 128a816.389 816.389 0 0 0-53.697 13.753c-40.457 11.858-75.509 25.693-105.445 40.015-19.271 9.219-26.236 13.393-51.522 27.859C147.001 243 112 278.926 112 351.889S167.635 480 256 480s144-55.148 144-128.111S338.999 224 416 128z" fill="currentColor"/><path d="M133.516 123.147c21.432 6.955 47.724 16.977 69.799 29.846 6.385 3.723 12.092 7.493 17.092 11.291a595.825 595.825 0 0 0-16.138 8.833 570.11 570.11 0 0 0-21.243 12.679c-10.484 6.574-20.435 13.308-29.789 20.156-.6-25.918-5.682-54.802-19.721-82.805M96 96c41.475 47.079 44.624 103.891 39.382 144.741 12.772-11.274 31.177-25.734 56.144-41.389a548.613 548.613 0 0 1 20.645-12.322c11.578-6.575 23.538-12.822 35.834-18.765-9.113-10.898-22.07-20.606-36.631-29.095C162.631 110.756 96 96 96 96z" fill="currentColor"/><path d="M344.629 80.697c5.309 7.227 12.393 17.661 17.66 27.726-29.863 8.433-65.994 21.145-94.967 33.476-5.963-6.235-12.982-12.294-21.006-18.135 17.437-15.757 38.773-27.668 63.652-35.506 14.55-4.583 27.048-6.646 34.661-7.561M352 64s-78.623 2.321-130.681 62.469c16.629 9.903 29.735 20.503 38.959 31.533l2.724 3.257c37.152-16.794 88.131-34.085 120.998-42.009C377.617 95.827 352 64 352 64z" fill="currentColor"/><path d="M181.229 53.532c9.241 6.122 22.68 16.481 35.999 31.924a199.224 199.224 0 0 0-13.888 13.247c-14.024-7.088-24.951-12.192-36.826-16.602 3.66-8.471 8.581-18.313 14.715-28.569M176 32c-15.256 22.406-25.684 45.299-30.336 59.997 21.111 6.355 35.475 13.215 61.389 26.574 9.505-11.4 20.415-21.626 32.605-30.543C210.342 47.655 176 32 176 32z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-rose-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%20512%20512%22%3E%3Cpath%20d%3D%22M379.769%20153.431c-29.777%2055.586-17.604%2099.504-6.645%20139.039C378.717%20312.648%20384%20331.708%20384%20351.889c0%2015.897-2.956%2030.873-8.785%2044.51-5.727%2013.396-14.104%2025.212-24.898%2035.12C327.169%20452.768%20294.555%20464%20256%20464s-71.169-11.232-94.316-32.481c-10.795-9.908-19.172-21.725-24.898-35.12-5.829-13.637-8.785-28.612-8.785-44.51%200-31.65%206.92-55.999%2021.775-76.626%2013.061-18.134%2032.646-34.094%2063.505-51.749l6.506-3.725c20.197-11.57%2027.001-15.467%2043.976-23.588%2031.845-15.234%2066.513-28.387%20103.041-39.094a760.861%20760.861%200%200%201%2012.965-3.676M416%20128a816.389%20816.389%200%200%200-53.697%2013.753c-40.457%2011.858-75.509%2025.693-105.445%2040.015-19.271%209.219-26.236%2013.393-51.522%2027.859C147.001%20243%20112%20278.926%20112%20351.889S167.635%20480%20256%20480s144-55.148%20144-128.111S338.999%20224%20416%20128z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M133.516%20123.147c21.432%206.955%2047.724%2016.977%2069.799%2029.846%206.385%203.723%2012.092%207.493%2017.092%2011.291a595.825%20595.825%200%200%200-16.138%208.833%20570.11%20570.11%200%200%200-21.243%2012.679c-10.484%206.574-20.435%2013.308-29.789%2020.156-.6-25.918-5.682-54.802-19.721-82.805M96%2096c41.475%2047.079%2044.624%20103.891%2039.382%20144.741%2012.772-11.274%2031.177-25.734%2056.144-41.389a548.613%20548.613%200%200%201%2020.645-12.322c11.578-6.575%2023.538-12.822%2035.834-18.765-9.113-10.898-22.07-20.606-36.631-29.095C162.631%20110.756%2096%2096%2096%2096z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M344.629%2080.697c5.309%207.227%2012.393%2017.661%2017.66%2027.726-29.863%208.433-65.994%2021.145-94.967%2033.476-5.963-6.235-12.982-12.294-21.006-18.135%2017.437-15.757%2038.773-27.668%2063.652-35.506%2014.55-4.583%2027.048-6.646%2034.661-7.561M352%2064s-78.623%202.321-130.681%2062.469c16.629%209.903%2029.735%2020.503%2038.959%2031.533l2.724%203.257c37.152-16.794%2088.131-34.085%20120.998-42.009C377.617%2095.827%20352%2064%20352%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M181.229%2053.532c9.241%206.122%2022.68%2016.481%2035.999%2031.924a199.224%20199.224%200%200%200-13.888%2013.247c-14.024-7.088-24.951-12.192-36.826-16.602%203.66-8.471%208.581-18.313%2014.715-28.569M176%2032c-15.256%2022.406-25.684%2045.299-30.336%2059.997%2021.111%206.355%2035.475%2013.215%2061.389%2026.574%209.505-11.4%2020.415-21.626%2032.605-30.543C210.342%2047.655%20176%2032%20176%2032z%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%22M379.769%20153.431c-29.777%2055.586-17.604%2099.504-6.645%20139.039C378.717%20312.648%20384%20331.708%20384%20351.889c0%2015.897-2.956%2030.873-8.785%2044.51-5.727%2013.396-14.104%2025.212-24.898%2035.12C327.169%20452.768%20294.555%20464%20256%20464s-71.169-11.232-94.316-32.481c-10.795-9.908-19.172-21.725-24.898-35.12-5.829-13.637-8.785-28.612-8.785-44.51%200-31.65%206.92-55.999%2021.775-76.626%2013.061-18.134%2032.646-34.094%2063.505-51.749l6.506-3.725c20.197-11.57%2027.001-15.467%2043.976-23.588%2031.845-15.234%2066.513-28.387%20103.041-39.094a760.861%20760.861%200%200%201%2012.965-3.676M416%20128a816.389%20816.389%200%200%200-53.697%2013.753c-40.457%2011.858-75.509%2025.693-105.445%2040.015-19.271%209.219-26.236%2013.393-51.522%2027.859C147.001%20243%20112%20278.926%20112%20351.889S167.635%20480%20256%20480s144-55.148%20144-128.111S338.999%20224%20416%20128z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M133.516%20123.147c21.432%206.955%2047.724%2016.977%2069.799%2029.846%206.385%203.723%2012.092%207.493%2017.092%2011.291a595.825%20595.825%200%200%200-16.138%208.833%20570.11%20570.11%200%200%200-21.243%2012.679c-10.484%206.574-20.435%2013.308-29.789%2020.156-.6-25.918-5.682-54.802-19.721-82.805M96%2096c41.475%2047.079%2044.624%20103.891%2039.382%20144.741%2012.772-11.274%2031.177-25.734%2056.144-41.389a548.613%20548.613%200%200%201%2020.645-12.322c11.578-6.575%2023.538-12.822%2035.834-18.765-9.113-10.898-22.07-20.606-36.631-29.095C162.631%20110.756%2096%2096%2096%2096z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M344.629%2080.697c5.309%207.227%2012.393%2017.661%2017.66%2027.726-29.863%208.433-65.994%2021.145-94.967%2033.476-5.963-6.235-12.982-12.294-21.006-18.135%2017.437-15.757%2038.773-27.668%2063.652-35.506%2014.55-4.583%2027.048-6.646%2034.661-7.561M352%2064s-78.623%202.321-130.681%2062.469c16.629%209.903%2029.735%2020.503%2038.959%2031.533l2.724%203.257c37.152-16.794%2088.131-34.085%20120.998-42.009C377.617%2095.827%20352%2064%20352%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M181.229%2053.532c9.241%206.122%2022.68%2016.481%2035.999%2031.924a199.224%20199.224%200%200%200-13.888%2013.247c-14.024-7.088-24.951-12.192-36.826-16.602%203.66-8.471%208.581-18.313%2014.715-28.569M176%2032c-15.256%2022.406-25.684%2045.299-30.336%2059.997%2021.111%206.355%2035.475%2013.215%2061.389%2026.574%209.505-11.4%2020.415-21.626%2032.605-30.543C210.342%2047.655%20176%2032%20176%2032z%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-outline.svg?color=%231a73e8&size=48
