gem stone emoji

gem-stone from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name: gem-stone
Set: Fluent Emoji Flat
Style: Default
Category: Objects
Viewbox: 32×32
License: MIT

The same emoji in other sets

gem-stoneEmoji One (Colored)gem-stoneFluent Emoji gem-stoneFluent Emoji High Contrast gem-stoneMage Icons gem-stoneNoto Emoji gem-stoneOpenMoji gem-stoneTwitter Emoji

More objects icons from Fluent Emoji Flat

Use the gem stone emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M24.21 7.9H7.79a.54.54 0 0 0-.42.21L2.15 15a.52.52 0 0 0 0 .67L15.59 29.9a.52.52 0 0 0 .76 0l13.44-14.23a.52.52 0 0 0 0-.67l-5.16-6.89a.54.54 0 0 0-.42-.21"/><path fill="#1c5cd7" d="M15.594 29.902c.156.166.333.176.402.16l.017-.097V13.996H2.91c-.2.266-.632.837-.754.996c-.152.2-.254.418 0 .688z"/><path fill="#0084ce" d="M15.996 7.9H7.79a.54.54 0 0 0-.42.21l-4.837 6.385c-.202.259-.406.712.501.712c3.37.002 6.156.009 8.106.009c1.046-1.566 2.724-4.077 4.856-7.316"/><path fill="#aeddff" d="m16 30.059l-4.86-14.83h9.72z"/><path fill="#26eafc" d="M24.047 7.9h-8.031v7.298h13.883a.6.6 0 0 0-.1-.197c-.094-.134-4.983-6.642-5.1-6.806s-.328-.295-.652-.295"/><path fill="#b4f6fc" d="m16 7.9l2.43 3.67l2.43 3.66h-9.72l2.43-3.66z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatGemStone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M24.21 7.9H7.79a.54.54 0 0 0-.42.21L2.15 15a.52.52 0 0 0 0 .67L15.59 29.9a.52.52 0 0 0 .76 0l13.44-14.23a.52.52 0 0 0 0-.67l-5.16-6.89a.54.54 0 0 0-.42-.21"/><path fill="#1c5cd7" d="M15.594 29.902c.156.166.333.176.402.16l.017-.097V13.996H2.91c-.2.266-.632.837-.754.996c-.152.2-.254.418 0 .688z"/><path fill="#0084ce" d="M15.996 7.9H7.79a.54.54 0 0 0-.42.21l-4.837 6.385c-.202.259-.406.712.501.712c3.37.002 6.156.009 8.106.009c1.046-1.566 2.724-4.077 4.856-7.316"/><path fill="#aeddff" d="m16 30.059l-4.86-14.83h9.72z"/><path fill="#26eafc" d="M24.047 7.9h-8.031v7.298h13.883a.6.6 0 0 0-.1-.197c-.094-.134-4.983-6.642-5.1-6.806s-.328-.295-.652-.295"/><path fill="#b4f6fc" d="m16 7.9l2.43 3.67l2.43 3.66h-9.72l2.43-3.66z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M24.21 7.9H7.79a.54.54 0 0 0-.42.21L2.15 15a.52.52 0 0 0 0 .67L15.59 29.9a.52.52 0 0 0 .76 0l13.44-14.23a.52.52 0 0 0 0-.67l-5.16-6.89a.54.54 0 0 0-.42-.21"/><path fill="#1c5cd7" d="M15.594 29.902c.156.166.333.176.402.16l.017-.097V13.996H2.91c-.2.266-.632.837-.754.996c-.152.2-.254.418 0 .688z"/><path fill="#0084ce" d="M15.996 7.9H7.79a.54.54 0 0 0-.42.21l-4.837 6.385c-.202.259-.406.712.501.712c3.37.002 6.156.009 8.106.009c1.046-1.566 2.724-4.077 4.856-7.316"/><path fill="#aeddff" d="m16 30.059l-4.86-14.83h9.72z"/><path fill="#26eafc" d="M24.047 7.9h-8.031v7.298h13.883a.6.6 0 0 0-.1-.197c-.094-.134-4.983-6.642-5.1-6.806s-.328-.295-.652-.295"/><path fill="#b4f6fc" d="m16 7.9l2.43 3.67l2.43 3.66h-9.72l2.43-3.66z"/></g></svg>
</template>

CSS

.icon-gem-stone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M24.21%207.9H7.79a.54.54%200%200%200-.42.21L2.15%2015a.52.52%200%200%200%200%20.67L15.59%2029.9a.52.52%200%200%200%20.76%200l13.44-14.23a.52.52%200%200%200%200-.67l-5.16-6.89a.54.54%200%200%200-.42-.21%22%2F%3E%3Cpath%20fill%3D%22%231c5cd7%22%20d%3D%22M15.594%2029.902c.156.166.333.176.402.16l.017-.097V13.996H2.91c-.2.266-.632.837-.754.996c-.152.2-.254.418%200%20.688z%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M15.996%207.9H7.79a.54.54%200%200%200-.42.21l-4.837%206.385c-.202.259-.406.712.501.712c3.37.002%206.156.009%208.106.009c1.046-1.566%202.724-4.077%204.856-7.316%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22m16%2030.059l-4.86-14.83h9.72z%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M24.047%207.9h-8.031v7.298h13.883a.6.6%200%200%200-.1-.197c-.094-.134-4.983-6.642-5.1-6.806s-.328-.295-.652-.295%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22m16%207.9l2.43%203.67l2.43%203.66h-9.72l2.43-3.66z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M24.21%207.9H7.79a.54.54%200%200%200-.42.21L2.15%2015a.52.52%200%200%200%200%20.67L15.59%2029.9a.52.52%200%200%200%20.76%200l13.44-14.23a.52.52%200%200%200%200-.67l-5.16-6.89a.54.54%200%200%200-.42-.21%22%2F%3E%3Cpath%20fill%3D%22%231c5cd7%22%20d%3D%22M15.594%2029.902c.156.166.333.176.402.16l.017-.097V13.996H2.91c-.2.266-.632.837-.754.996c-.152.2-.254.418%200%20.688z%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M15.996%207.9H7.79a.54.54%200%200%200-.42.21l-4.837%206.385c-.202.259-.406.712.501.712c3.37.002%206.156.009%208.106.009c1.046-1.566%202.724-4.077%204.856-7.316%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22m16%2030.059l-4.86-14.83h9.72z%22%2F%3E%3Cpath%20fill%3D%22%2326eafc%22%20d%3D%22M24.047%207.9h-8.031v7.298h13.883a.6.6%200%200%200-.1-.197c-.094-.134-4.983-6.642-5.1-6.806s-.328-.295-.652-.295%22%2F%3E%3Cpath%20fill%3D%22%23b4f6fc%22%20d%3D%22m16%207.9l2.43%203.67l2.43%203.66h-9.72l2.43-3.66z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/gem-stone.svg?color=%231a73e8&size=48