Rosette icon

fxemoji:rosette

The Rosette icon (fxemoji:rosette) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF929D" d="M487.175 184.883c-17.017-58.5-32.634-105.394-91.134-88.377a69 69 0 0 0-3.22 1.026a110.7 110.7 0 0 0-22.932 10.423c-4.889 2.938-10.766-1.59-9.309-7.104a110.3 110.3 0 0 0 3.65-28.221c0-60.925-49.389-62.822-110.314-62.822S143.602 11.705 143.602 72.63q.001 1.674.085 3.377a110.6 110.6 0 0 0 2.368 19.717c1.132 5.32-4.495 9.558-9.219 6.864a110.2 110.2 0 0 0-21.378-9.342c-58.089-18.371-74.791 28.147-93.162 86.237S-9.159 285.235 48.93 303.606q1.596.503 3.245.937a111 111 0 0 0 16.643 3.37c5.276.651 7.408 7.144 3.554 10.806a110 110 0 0 0-13.386 15.312c-35.703 49.368 3.206 79.848 52.574 115.55s90.5 63.108 126.203 13.74a69 69 0 0 0 1.911-2.789l.065-.096c2.637-3.897 8.467-3.82 10.75.295a103 103 0 0 0 1.852 3.202c31.433 52.19 74.72 28.333 126.911-3.1s93.52-58.54 62.086-110.73a69 69 0 0 0-1.816-2.849a110 110 0 0 0-20.292-23.472c-4.471-3.891-1.674-11.261 4.249-11.076c11.266.351 22.777-1.033 34.187-4.352c58.5-17.018 46.526-64.971 29.509-123.471"/><path fill="#FF473E" d="m340.487 194.716l-1.574-.31a62 62 0 0 0-4.306-.562c-1.825-.176-3.998-.294-6.456-.352a95 95 0 0 0-8.065.228c-5.799.414-12.34 1.398-19.062 3.086c-1.835.465-3.687.982-5.544 1.54a134 134 0 0 0-.555-7.085c-.352-3.571-.923-7.077-1.838-10.457c-1.802-6.76-4.802-13.019-8.354-18.346a64.5 64.5 0 0 0-5.591-7.242c-.953-1.073-1.858-2.078-2.807-3.002c-.885-.927-1.816-1.773-2.645-2.539c-.821-.766-1.662-1.445-2.35-2.038l-1.941-1.498a18 18 0 0 0-1.261-.927l-.461-.317c-10.338-7.094-24.526-6.951-34.794 1.316l-.436.351c-.302.232-.709.574-1.188 1.019l-1.823 1.641c-.641.643-1.428 1.384-2.19 2.209c-.769.826-1.633 1.74-2.446 2.731c-.876.993-1.702 2.063-2.572 3.205a64.4 64.4 0 0 0-5.028 7.644c-3.139 5.581-5.658 12.049-6.945 18.925c-.657 3.439-.962 6.978-1.043 10.565q-.043 1.456-.054 2.923q-1.175-.322-2.341-.619c-6.722-1.689-13.262-2.672-19.062-3.086a95 95 0 0 0-8.065-.228c-2.458.059-4.631.176-6.456.352c-1.826.178-3.293.39-4.306.562l-1.574.31c-17.912 3.529-29.571 20.91-26.042 38.821c.729 3.7 2.126 7.247 3.919 10.335l.811 1.383a62 62 0 0 0 2.434 3.596c1.078 1.483 2.431 3.187 4.018 5.066a95 95 0 0 0 5.519 5.886c4.155 4.067 9.229 8.31 14.95 12.221a132 132 0 0 0 9.009 5.612c1.594.888 3.213 1.756 4.853 2.595c-.305.375-.624.736-.924 1.115c-2.252 2.859-4.424 5.779-6.431 8.756c-2.032 2.958-3.853 6.008-5.331 9.181c-2.976 6.331-4.714 13.051-5.43 19.414a65 65 0 0 0-.39 9.141c.038 1.435.082 2.786.213 4.104c.08 1.279.247 2.526.388 3.646c.135 1.115.34 2.176.485 3.073l.519 2.397c.128.641.258 1.157.368 1.521l.148.539c3.336 12.086 14.28 21.117 27.459 21.41l.559.012c.38.017.912.017 1.565-.014l2.451-.081c.905-.079 1.984-.138 3.098-.279c1.12-.136 2.37-.279 3.63-.513c1.31-.195 2.631-.481 4.032-.794a64.5 64.5 0 0 0 8.77-2.607c5.996-2.246 12.09-5.57 17.504-10c2.718-2.207 5.231-4.717 7.604-7.409c2.398-2.672 4.7-5.492 6.923-8.372a127 127 0 0 0 2.553-3.486a125 125 0 0 0 2.553 3.486c2.223 2.881 4.525 5.7 6.923 8.372c2.373 2.692 4.887 5.202 7.604 7.409c5.414 4.43 11.507 7.754 17.504 10a64.5 64.5 0 0 0 8.77 2.607c1.401.313 2.722.599 4.032.794c1.26.234 2.51.377 3.63.513c1.114.141 2.193.2 3.098.279l2.451.081c.653.032 1.185.032 1.565.014l.559-.012c13.179-.292 24.123-9.324 27.459-21.41l.148-.539c.109-.365.239-.881.368-1.521l.519-2.397c.144-.897.35-1.958.485-3.073c.141-1.119.308-2.367.388-3.646c.13-1.318.175-2.669.213-4.104a64 64 0 0 0-.39-9.141c-.716-6.363-2.454-13.083-5.43-19.414c-1.478-3.174-3.299-6.223-5.331-9.181c-2.007-2.977-4.18-5.897-6.431-8.756c-.83-1.047-1.695-2.065-2.557-3.083c.382-.209.767-.415 1.146-.626a132 132 0 0 0 9.009-5.612c5.721-3.912 10.795-8.155 14.95-12.221a95 95 0 0 0 5.519-5.886c1.586-1.879 2.939-3.583 4.017-5.066a62 62 0 0 0 2.434-3.596l.811-1.383c1.793-3.087 3.191-6.635 3.919-10.335c3.536-17.911-8.124-35.292-26.036-38.821"/><circle cx="253.616" cy="255.341" r="45.646" fill="#FFB636"/><circle cx="253.616" cy="255.341" r="21.433" fill="#D32A2A"/></svg>

How to use the Rosette icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:rosette" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:rosette" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:rosette" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--rosette]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:rosette"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:rosette"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/rosette.svg" alt="Rosette icon" width="24" height="24">

Rosette icon in other icon sets

Rosette icon FAQ

Is the Rosette icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Rosette icon in React?

Install @iconify/react and render <Icon icon="fxemoji:rosette" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rosette icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/rosette.svg" alt="Rosette icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →