rose logo
rose from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- rose
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the rose logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.172 6.566a7.1 7.1 0 0 0-5.569-2.846c-4.28 0-7.408 3.971-7.408 8.28c0 3.004 1.991 5.248 4.208 5.248q.31.001.613-.056C9.53 16.112 8.58 14.137 8.58 12c0-3.403 2.306-6.058 5.018-6.058c2.964 0 5.023 2.942 5.023 6.058a9.83 9.83 0 0 1-2.278 6.283a7.83 7.83 0 0 1-4.686 2.706S11.803 21 12 21a9 9 0 0 0 7.172-14.434M17.805 12c0-3.004-1.991-5.248-4.207-5.248q-.31-.001-.614.056C14.47 7.888 15.42 9.862 15.42 12c0 3.403-2.306 6.058-5.017 6.058c-2.965 0-5.023-2.942-5.023-6.058c.01-2.306.832-4.59 2.278-6.283a7.83 7.83 0 0 1 4.685-2.706S12.197 3 12 3a9 9 0 0 0-7.172 14.434a7.1 7.1 0 0 0 5.57 2.846c4.28 0 7.407-3.971 7.407-8.28"/></svg>
React
import type { SVGProps } from "react";
export function TokenRose(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="M19.172 6.566a7.1 7.1 0 0 0-5.569-2.846c-4.28 0-7.408 3.971-7.408 8.28c0 3.004 1.991 5.248 4.208 5.248q.31.001.613-.056C9.53 16.112 8.58 14.137 8.58 12c0-3.403 2.306-6.058 5.018-6.058c2.964 0 5.023 2.942 5.023 6.058a9.83 9.83 0 0 1-2.278 6.283a7.83 7.83 0 0 1-4.686 2.706S11.803 21 12 21a9 9 0 0 0 7.172-14.434M17.805 12c0-3.004-1.991-5.248-4.207-5.248q-.31-.001-.614.056C14.47 7.888 15.42 9.862 15.42 12c0 3.403-2.306 6.058-5.017 6.058c-2.965 0-5.023-2.942-5.023-6.058c.01-2.306.832-4.59 2.278-6.283a7.83 7.83 0 0 1 4.685-2.706S12.197 3 12 3a9 9 0 0 0-7.172 14.434a7.1 7.1 0 0 0 5.57 2.846c4.28 0 7.407-3.971 7.407-8.28"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.172 6.566a7.1 7.1 0 0 0-5.569-2.846c-4.28 0-7.408 3.971-7.408 8.28c0 3.004 1.991 5.248 4.208 5.248q.31.001.613-.056C9.53 16.112 8.58 14.137 8.58 12c0-3.403 2.306-6.058 5.018-6.058c2.964 0 5.023 2.942 5.023 6.058a9.83 9.83 0 0 1-2.278 6.283a7.83 7.83 0 0 1-4.686 2.706S11.803 21 12 21a9 9 0 0 0 7.172-14.434M17.805 12c0-3.004-1.991-5.248-4.207-5.248q-.31-.001-.614.056C14.47 7.888 15.42 9.862 15.42 12c0 3.403-2.306 6.058-5.017 6.058c-2.965 0-5.023-2.942-5.023-6.058c.01-2.306.832-4.59 2.278-6.283a7.83 7.83 0 0 1 4.685-2.706S12.197 3 12 3a9 9 0 0 0-7.172 14.434a7.1 7.1 0 0 0 5.57 2.846c4.28 0 7.407-3.971 7.407-8.28"/></svg> </template>
CSS
.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.172%206.566a7.1%207.1%200%200%200-5.569-2.846c-4.28%200-7.408%203.971-7.408%208.28c0%203.004%201.991%205.248%204.208%205.248q.31.001.613-.056C9.53%2016.112%208.58%2014.137%208.58%2012c0-3.403%202.306-6.058%205.018-6.058c2.964%200%205.023%202.942%205.023%206.058a9.83%209.83%200%200%201-2.278%206.283a7.83%207.83%200%200%201-4.686%202.706S11.803%2021%2012%2021a9%209%200%200%200%207.172-14.434M17.805%2012c0-3.004-1.991-5.248-4.207-5.248q-.31-.001-.614.056C14.47%207.888%2015.42%209.862%2015.42%2012c0%203.403-2.306%206.058-5.017%206.058c-2.965%200-5.023-2.942-5.023-6.058c.01-2.306.832-4.59%202.278-6.283a7.83%207.83%200%200%201%204.685-2.706S12.197%203%2012%203a9%209%200%200%200-7.172%2014.434a7.1%207.1%200%200%200%205.57%202.846c4.28%200%207.407-3.971%207.407-8.28%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%22M19.172%206.566a7.1%207.1%200%200%200-5.569-2.846c-4.28%200-7.408%203.971-7.408%208.28c0%203.004%201.991%205.248%204.208%205.248q.31.001.613-.056C9.53%2016.112%208.58%2014.137%208.58%2012c0-3.403%202.306-6.058%205.018-6.058c2.964%200%205.023%202.942%205.023%206.058a9.83%209.83%200%200%201-2.278%206.283a7.83%207.83%200%200%201-4.686%202.706S11.803%2021%2012%2021a9%209%200%200%200%207.172-14.434M17.805%2012c0-3.004-1.991-5.248-4.207-5.248q-.31-.001-.614.056C14.47%207.888%2015.42%209.862%2015.42%2012c0%203.403-2.306%206.058-5.017%206.058c-2.965%200-5.023-2.942-5.023-6.058c.01-2.306.832-4.59%202.278-6.283a7.83%207.83%200%200%201%204.685-2.706S12.197%203%2012%203a9%209%200%200%200-7.172%2014.434a7.1%207.1%200%200%200%205.57%202.846c4.28%200%207.407-3.971%207.407-8.28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/rose.svg?color=%231a73e8&size=48
