Ranking icon in outline, twotone, bold and bulk. Free in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconRanking } from "@devigner-ui/icons";
<IconRanking className="size-6" />
<script setup>
import { IconRanking } from "@devigner-ui/icons-vue";
</script>
<template>
<IconRanking class="size-6" />
</template>
<script>
import { IconRanking } from "@devigner-ui/icons-svelte";
</script>
<IconRanking class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 22v-9c0-1.41 0-2.12-.44-2.56S14.41 10 13 10h-2c-1.41 0-2.12 0-2.56.44S8 11.59 8 13v9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M8 22c0-1.41 0-2.12-.44-2.56S6.41 19 5 19s-2.12 0-2.56.44S2 20.59 2 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M22 22v-3c0-1.41 0-2.12-.44-2.56S20.41 16 19 16s-2.12 0-2.56.44S16 17.59 16 19v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M11.15 3.02c.38-.68.57-1.02.85-1.02s.47.34.85 1.02l.1.18c.11.2.16.29.25.35q.1.1.4.14l.19.04c.74.17 1.1.25 1.2.53.08.29-.17.58-.67 1.17l-.13.15c-.15.17-.22.25-.25.36s-.02.21 0 .43l.02.2c.08.8.11 1.18-.12 1.36-.23.17-.57.01-1.26-.3l-.18-.09c-.2-.09-.3-.13-.4-.13s-.2.04-.4.13l-.18.09c-.69.31-1.03.47-1.26.3-.23-.18-.2-.57-.12-1.35l.02-.2c.02-.23.03-.34 0-.44a1 1 0 0 0-.25-.36l-.13-.15c-.5-.59-.75-.88-.66-1.17s.45-.36 1.2-.53l.18-.04q.3-.05.4-.14c.09-.06.14-.16.25-.35z" stroke="currentColor" stroke-width="1.5"></path></svg>