Gem Star icon
andrsrxn:gem-star
The Gem Star icon (andrsrxn:gem-star) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT 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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Symbols, Shopping
- Tags
- gemstar
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.75 11.52c-.24-.26-.35-.4-.37-.55c-.02-.17.07-.32.24-.62l4.1-7.2c.14-.24.22-.37.33-.43c.12-.07.26-.07.54-.07h10.95c.29 0 .43 0 .55.07s.18.2.32.45l3.93 7.2c.16.3.24.44.22.6s-.13.28-.35.54l-8.5 9.56c-.16.16-.23.25-.33.3s-.2.04-.43.04H11.3c-.22 0-.33 0-.42-.05c-.1-.04-.17-.12-.32-.28zm9.47-4.39c.35-.6.52-.9.8-.92c.27 0 .47.28.88.85l.67.95q.12.17.2.23q.06.06.27.13l1.3.47c.56.2.84.31.91.55c.08.23-.1.48-.45.97l-.79 1.12c-.1.14-.15.2-.17.29q-.03.1-.01.34l.05 1.06c.04.74.06 1.1-.18 1.27c-.23.15-.56 0-1.24-.31l-1.04-.49c-.21-.1-.31-.14-.42-.14s-.22.05-.42.14l-1 .46c-.7.32-1.05.48-1.29.31s-.2-.55-.12-1.33l.1-.92c.02-.2.03-.3 0-.39s-.09-.17-.21-.33l-.8-1.02c-.4-.51-.6-.77-.53-1.02s.38-.35 1-.55l1.47-.47q.25-.07.34-.15t.21-.3z" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m3.25 7.14l.9-1.53C5 4.16 5.42 3.44 6.12 3.04c.69-.4 1.53-.4 3.2-.4h5.36c1.67 0 2.51 0 3.2.4S19 4.16 19.85 5.61l.9 1.53c1.08 1.85 1.63 2.78 1.52 3.76c-.1.99-.84 1.77-2.3 3.35l-3.56 3.86c-2.07 2.24-3.1 3.35-4.41 3.35s-2.34-1.11-4.4-3.35l-3.58-3.86c-1.45-1.58-2.18-2.36-2.29-3.35c-.1-.98.44-1.9 1.52-3.76"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.1 6.96c.4-.76.6-1.14.9-1.14s.5.38.89 1.14L13.42 8q.14.31.26.4c.1.07.22.1.47.13l1.14.18c.85.14 1.27.2 1.37.5c.1.29-.2.59-.81 1.2l-.82.82c-.18.17-.27.26-.3.37c-.04.12-.02.24.02.49l.18 1.14c.13.85.2 1.27-.05 1.45s-.63-.01-1.4-.4l-1.03-.53c-.22-.1-.33-.17-.45-.17s-.23.06-.45.17l-1.04.53c-.76.39-1.14.58-1.39.4s-.18-.6-.05-1.45l.18-1.14c.04-.25.06-.37.02-.49q-.04-.13-.3-.37l-.82-.82c-.6-.61-.9-.91-.81-1.2c.1-.3.52-.36 1.36-.5l1.15-.18q.34-.04.47-.13c.13-.09.15-.18.26-.4z"/></g></svg>How to use the Gem Star icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:gem-star" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:gem-star" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:gem-star" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--gem-star]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:gem-star"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:gem-star"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/gem-star.svg" alt="Gem Star icon" width="24" height="24">Related icons in andrsrxn/icons
Gem Star icon FAQ
Is the Gem Star icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Gem Star icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:gem-star" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gem Star icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/gem-star.svg" alt="Gem Star icon">, or paste the SVG code inline to style it with CSS.