large orange diamond emoji

large-orange-diamond from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
large-orange-diamond
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

large-orange-diamondEmoji One (Colored)large-orange-diamondFluent Emojilarge-orange-diamondFluent Emoji Flatlarge-orange-diamondFluent Emoji High Contrastlarge-orange-diamondOpenMojilarge-orange-diamondTwitter Emoji

More symbols icons from Noto Emoji

a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer

Use the large orange diamond emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f77e00" d="m70.04 6.32l52.2 52a7.887 7.887 0 0 1-.2 11.1l-52 52.2a7.99 7.99 0 0 1-11.3 0l-52-52.2a8 8 0 0 1-.2-11.1l52.2-52a7.99 7.99 0 0 1 11.3 0"/><path fill="#ff9800" d="m65.14 10.42l48.5 48.4a7.27 7.27 0 0 1-.18 10.28l-.02.02l-48.4 48.5a7.42 7.42 0 0 1-10.49.01l-.01-.01l-48.3-48.5a7.28 7.28 0 0 1-.21-10.29l.01-.01l48.6-48.4c2.9-2.9 7.59-2.9 10.5 0"/><path fill="#ffbd52" d="M53.34 17.62c-1.6 1.1-33.1 32.3-33.1 32.3s-2.6 2.3-.8 4.7c1.7 2.2 4.3 1.1 5.6-.1s29.7-29 30.9-30.4a5.43 5.43 0 0 0 .6-5.5c-.8-1.6-2.1-1.8-3.2-1"/><circle cx="15.94" cy="60.43" r="3.3" fill="#ffbd52"/></svg>

React

import type { SVGProps } from "react";

export function NotoLargeOrangeDiamond(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f77e00" d="m70.04 6.32l52.2 52a7.887 7.887 0 0 1-.2 11.1l-52 52.2a7.99 7.99 0 0 1-11.3 0l-52-52.2a8 8 0 0 1-.2-11.1l52.2-52a7.99 7.99 0 0 1 11.3 0"/><path fill="#ff9800" d="m65.14 10.42l48.5 48.4a7.27 7.27 0 0 1-.18 10.28l-.02.02l-48.4 48.5a7.42 7.42 0 0 1-10.49.01l-.01-.01l-48.3-48.5a7.28 7.28 0 0 1-.21-10.29l.01-.01l48.6-48.4c2.9-2.9 7.59-2.9 10.5 0"/><path fill="#ffbd52" d="M53.34 17.62c-1.6 1.1-33.1 32.3-33.1 32.3s-2.6 2.3-.8 4.7c1.7 2.2 4.3 1.1 5.6-.1s29.7-29 30.9-30.4a5.43 5.43 0 0 0 .6-5.5c-.8-1.6-2.1-1.8-3.2-1"/><circle cx="15.94" cy="60.43" r="3.3" fill="#ffbd52"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f77e00" d="m70.04 6.32l52.2 52a7.887 7.887 0 0 1-.2 11.1l-52 52.2a7.99 7.99 0 0 1-11.3 0l-52-52.2a8 8 0 0 1-.2-11.1l52.2-52a7.99 7.99 0 0 1 11.3 0"/><path fill="#ff9800" d="m65.14 10.42l48.5 48.4a7.27 7.27 0 0 1-.18 10.28l-.02.02l-48.4 48.5a7.42 7.42 0 0 1-10.49.01l-.01-.01l-48.3-48.5a7.28 7.28 0 0 1-.21-10.29l.01-.01l48.6-48.4c2.9-2.9 7.59-2.9 10.5 0"/><path fill="#ffbd52" d="M53.34 17.62c-1.6 1.1-33.1 32.3-33.1 32.3s-2.6 2.3-.8 4.7c1.7 2.2 4.3 1.1 5.6-.1s29.7-29 30.9-30.4a5.43 5.43 0 0 0 .6-5.5c-.8-1.6-2.1-1.8-3.2-1"/><circle cx="15.94" cy="60.43" r="3.3" fill="#ffbd52"/></svg>
</template>

CSS

.icon-large-orange-diamond {
  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%23f77e00%22%20d%3D%22m70.04%206.32l52.2%2052a7.887%207.887%200%200%201-.2%2011.1l-52%2052.2a7.99%207.99%200%200%201-11.3%200l-52-52.2a8%208%200%200%201-.2-11.1l52.2-52a7.99%207.99%200%200%201%2011.3%200%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22m65.14%2010.42l48.5%2048.4a7.27%207.27%200%200%201-.18%2010.28l-.02.02l-48.4%2048.5a7.42%207.42%200%200%201-10.49.01l-.01-.01l-48.3-48.5a7.28%207.28%200%200%201-.21-10.29l.01-.01l48.6-48.4c2.9-2.9%207.59-2.9%2010.5%200%22%2F%3E%3Cpath%20fill%3D%22%23ffbd52%22%20d%3D%22M53.34%2017.62c-1.6%201.1-33.1%2032.3-33.1%2032.3s-2.6%202.3-.8%204.7c1.7%202.2%204.3%201.1%205.6-.1s29.7-29%2030.9-30.4a5.43%205.43%200%200%200%20.6-5.5c-.8-1.6-2.1-1.8-3.2-1%22%2F%3E%3Ccircle%20cx%3D%2215.94%22%20cy%3D%2260.43%22%20r%3D%223.3%22%20fill%3D%22%23ffbd52%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%23f77e00%22%20d%3D%22m70.04%206.32l52.2%2052a7.887%207.887%200%200%201-.2%2011.1l-52%2052.2a7.99%207.99%200%200%201-11.3%200l-52-52.2a8%208%200%200%201-.2-11.1l52.2-52a7.99%207.99%200%200%201%2011.3%200%22%2F%3E%3Cpath%20fill%3D%22%23ff9800%22%20d%3D%22m65.14%2010.42l48.5%2048.4a7.27%207.27%200%200%201-.18%2010.28l-.02.02l-48.4%2048.5a7.42%207.42%200%200%201-10.49.01l-.01-.01l-48.3-48.5a7.28%207.28%200%200%201-.21-10.29l.01-.01l48.6-48.4c2.9-2.9%207.59-2.9%2010.5%200%22%2F%3E%3Cpath%20fill%3D%22%23ffbd52%22%20d%3D%22M53.34%2017.62c-1.6%201.1-33.1%2032.3-33.1%2032.3s-2.6%202.3-.8%204.7c1.7%202.2%204.3%201.1%205.6-.1s29.7-29%2030.9-30.4a5.43%205.43%200%200%200%20.6-5.5c-.8-1.6-2.1-1.8-3.2-1%22%2F%3E%3Ccircle%20cx%3D%2215.94%22%20cy%3D%2260.43%22%20r%3D%223.3%22%20fill%3D%22%23ffbd52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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