Rose icon
vs:rose
The Rose icon (vs:rose) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1536 × 1792 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1536 × 1792
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1792" viewBox="0 0 1536 1792"><path fill="currentColor" d="M1404 163q-57 15-97 73.5T1267 364q0 59 4.5 183t4.5 181q0 72-13 124t-33.5 84t-55.5 53t-69.5 30.5t-85.5 17.5q43-75 43-162t-35-179.5T944.5 527T845 398q99-119 226-178.5t333-56.5m-572 925q155-37 156-200q1-69-26-148t-76.5-158T760 430.5t-167-128T384.5 215T142 185q56 15 96.5 84.5T279 410q0 60-4.5 172T270 750q0 67 25 123.5t67.5 95.5t98.5 66t117.5 40t125.5 13v256q-31-38-103.5-77T445 1201q-118-40-250.5-36.5T0 1216q143 186 339 240t365-48v350q0 14 8 24t22 10h68q14 0 22-10t8-24v-158q90 41 188.5 43.5t191-30.5t177.5-102t147-167q-48-29-124.5-46t-170.5-12.5t-169 36.5q-63 27-130 86.5T832 1523zm332-991q0 23-49.5 50T995 200t-77 30q3-24-20.5-44T844 156.5t-56.5-18T760 126q-5-12 51.5-15.5t113.5-6T979 92q-2-6-12.5-10.5t-28-7.5t-37-5t-42-3t-39-1.5l-33-1L768 63q-39-2-125 6t-82 25q3 14 51 30t103.5 29.5T817 192t46 57q0 11-2 18.5t-10 17t-14 16t-24 22t-30 27.5q-45-47-101-79t-147-48q-68-13-112-44t-44-69q0-26 22.5-45.5t62.5-31t80-19t90.5-10t77-3.5T768 0q396 0 396 97"/></svg>
How to use the Rose icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:rose" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:rose" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:rose" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--rose]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:rose"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:rose"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/rose.svg" alt="Rose icon" width="24" height="24">
Rose icon in other icon sets
Rose icon FAQ
Is the Rose icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Rose icon in React?
Install @iconify/react and render <Icon icon="vs:rose" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rose icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/rose.svg" alt="Rose icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
