16
24
32
48
gem
Commerce & Finance
Badges
import { Gem } from "kubai-icons-react";
<Gem size={24} color="#F97316" /><script setup>
import { Gem } from "kubai-icons-vue";
</script>
<template>
<Gem :size="24" color="#F97316" />
</template><script type="module" src="https://cdn.jsdelivr.net/npm/kubai-icons/dist/element.js"></script>
<kubai-icon name="gem" size="24" color="#F97316"></kubai-icon>import { createIcon, Gem } from "kubai-icons";
document.body.append(createIcon(Gem, { size: 24, color: "#F97316" }));<img src="https://cdn.jsdelivr.net/npm/kubai-icons-static/svg/gem.svg" width="24" height="24" alt="gem" />import { Gem } from "kubai-icons-react";
<Gem size={24} color="#F97316" />Gem is an open-source animated icon from the Commerce & Finance set. It plays its hover motion as a React or Vue component or a web component, and is also available as a static SVG.
Related terms: diamond, jewel, premium, vip, luxury.
Badged versions: gem-plus, gem-check, gem-star, gem-sparkle.