gem stone emoji

gem-stone from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name: gem-stone
Set: Noto Emoji
Style: Default
Category: Objects
Viewbox: 128×128
License: Apache 2.0

The same emoji in other sets

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

More objects icons from Noto Emoji

Use the gem stone emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e1f5fe" d="m4.01 47.94l17.48-26.51L35.03 36.9z"/><path fill="#81d4fa" d="M44.11 68.26L4.01 47.94L35.03 36.9z"/><path fill="#64b5f6" d="M63.94 43.06L35.03 36.9l9.08 31.36z"/><path fill="#0288d1" d="m123.87 47.94l-17.48-26.51L92.85 36.9z"/><path fill="#81d4fa" d="m83.77 68.26l40.1-20.32L92.85 36.9z"/><path fill="#e1f5fe" d="m63.94 43.06l28.91-6.16l-9.08 31.36z"/><path fill="#b2ebf2" d="m83.77 68.26l-19.83-25.2l-19.83 25.2z"/><path fill="#b3e5fc" d="M43 10.06h41.88l21.51 11.37L92.85 36.9l-28.91 6.16l-28.91-6.16l-13.54-15.47z"/><path fill="#1e88e5" d="M63.94 117.27L4.01 47.94l40.1 20.32z"/><path fill="#b3e5fc" d="m63.94 117.27l59.93-69.33l-40.1 20.32z"/><path fill="#e1f5fe" d="m83.77 68.26l-19.83 49.01l-19.83-49.01z"/></svg>

React

import type { SVGProps } from "react";

export function NotoGemStone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e1f5fe" d="m4.01 47.94l17.48-26.51L35.03 36.9z"/><path fill="#81d4fa" d="M44.11 68.26L4.01 47.94L35.03 36.9z"/><path fill="#64b5f6" d="M63.94 43.06L35.03 36.9l9.08 31.36z"/><path fill="#0288d1" d="m123.87 47.94l-17.48-26.51L92.85 36.9z"/><path fill="#81d4fa" d="m83.77 68.26l40.1-20.32L92.85 36.9z"/><path fill="#e1f5fe" d="m63.94 43.06l28.91-6.16l-9.08 31.36z"/><path fill="#b2ebf2" d="m83.77 68.26l-19.83-25.2l-19.83 25.2z"/><path fill="#b3e5fc" d="M43 10.06h41.88l21.51 11.37L92.85 36.9l-28.91 6.16l-28.91-6.16l-13.54-15.47z"/><path fill="#1e88e5" d="M63.94 117.27L4.01 47.94l40.1 20.32z"/><path fill="#b3e5fc" d="m63.94 117.27l59.93-69.33l-40.1 20.32z"/><path fill="#e1f5fe" d="m83.77 68.26l-19.83 49.01l-19.83-49.01z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#e1f5fe" d="m4.01 47.94l17.48-26.51L35.03 36.9z"/><path fill="#81d4fa" d="M44.11 68.26L4.01 47.94L35.03 36.9z"/><path fill="#64b5f6" d="M63.94 43.06L35.03 36.9l9.08 31.36z"/><path fill="#0288d1" d="m123.87 47.94l-17.48-26.51L92.85 36.9z"/><path fill="#81d4fa" d="m83.77 68.26l40.1-20.32L92.85 36.9z"/><path fill="#e1f5fe" d="m63.94 43.06l28.91-6.16l-9.08 31.36z"/><path fill="#b2ebf2" d="m83.77 68.26l-19.83-25.2l-19.83 25.2z"/><path fill="#b3e5fc" d="M43 10.06h41.88l21.51 11.37L92.85 36.9l-28.91 6.16l-28.91-6.16l-13.54-15.47z"/><path fill="#1e88e5" d="M63.94 117.27L4.01 47.94l40.1 20.32z"/><path fill="#b3e5fc" d="m63.94 117.27l59.93-69.33l-40.1 20.32z"/><path fill="#e1f5fe" d="m83.77 68.26l-19.83 49.01l-19.83-49.01z"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m4.01%2047.94l17.48-26.51L35.03%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2381d4fa%22%20d%3D%22M44.11%2068.26L4.01%2047.94L35.03%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2364b5f6%22%20d%3D%22M63.94%2043.06L35.03%2036.9l9.08%2031.36z%22%2F%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22m123.87%2047.94l-17.48-26.51L92.85%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2381d4fa%22%20d%3D%22m83.77%2068.26l40.1-20.32L92.85%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m63.94%2043.06l28.91-6.16l-9.08%2031.36z%22%2F%3E%3Cpath%20fill%3D%22%23b2ebf2%22%20d%3D%22m83.77%2068.26l-19.83-25.2l-19.83%2025.2z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M43%2010.06h41.88l21.51%2011.37L92.85%2036.9l-28.91%206.16l-28.91-6.16l-13.54-15.47z%22%2F%3E%3Cpath%20fill%3D%22%231e88e5%22%20d%3D%22M63.94%20117.27L4.01%2047.94l40.1%2020.32z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22m63.94%20117.27l59.93-69.33l-40.1%2020.32z%22%2F%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m83.77%2068.26l-19.83%2049.01l-19.83-49.01z%22%2F%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m4.01%2047.94l17.48-26.51L35.03%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2381d4fa%22%20d%3D%22M44.11%2068.26L4.01%2047.94L35.03%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2364b5f6%22%20d%3D%22M63.94%2043.06L35.03%2036.9l9.08%2031.36z%22%2F%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22m123.87%2047.94l-17.48-26.51L92.85%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%2381d4fa%22%20d%3D%22m83.77%2068.26l40.1-20.32L92.85%2036.9z%22%2F%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m63.94%2043.06l28.91-6.16l-9.08%2031.36z%22%2F%3E%3Cpath%20fill%3D%22%23b2ebf2%22%20d%3D%22m83.77%2068.26l-19.83-25.2l-19.83%2025.2z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M43%2010.06h41.88l21.51%2011.37L92.85%2036.9l-28.91%206.16l-28.91-6.16l-13.54-15.47z%22%2F%3E%3Cpath%20fill%3D%22%231e88e5%22%20d%3D%22M63.94%20117.27L4.01%2047.94l40.1%2020.32z%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22m63.94%20117.27l59.93-69.33l-40.1%2020.32z%22%2F%3E%3Cpath%20fill%3D%22%23e1f5fe%22%20d%3D%22m83.77%2068.26l-19.83%2049.01l-19.83-49.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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