large blue diamond emoji

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

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

The same emoji in other sets

large-blue-diamondEmoji One (Colored)large-blue-diamondFluent Emojilarge-blue-diamondFluent Emoji Flatlarge-blue-diamondFluent Emoji High Contrastlarge-blue-diamondOpenMojilarge-blue-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 blue diamond emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1976d2" d="m69.54 6.37l52.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="#2196f3" d="m64.64 10.47l48.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.4a7.415 7.415 0 0 1 10.5 0c-.01-.01 0-.01 0 0"/><path fill="#90caf9" d="M52.84 17.67c-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.44" cy="60.48" r="3.3" fill="#90caf9"/></svg>

React

import type { SVGProps } from "react";

export function NotoLargeBlueDiamond(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1976d2" d="m69.54 6.37l52.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="#2196f3" d="m64.64 10.47l48.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.4a7.415 7.415 0 0 1 10.5 0c-.01-.01 0-.01 0 0"/><path fill="#90caf9" d="M52.84 17.67c-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.44" cy="60.48" r="3.3" fill="#90caf9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1976d2" d="m69.54 6.37l52.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="#2196f3" d="m64.64 10.47l48.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.4a7.415 7.415 0 0 1 10.5 0c-.01-.01 0-.01 0 0"/><path fill="#90caf9" d="M52.84 17.67c-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.44" cy="60.48" r="3.3" fill="#90caf9"/></svg>
</template>

CSS

.icon-large-blue-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%231976d2%22%20d%3D%22m69.54%206.37l52.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%232196f3%22%20d%3D%22m64.64%2010.47l48.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.4a7.415%207.415%200%200%201%2010.5%200c-.01-.01%200-.01%200%200%22%2F%3E%3Cpath%20fill%3D%22%2390caf9%22%20d%3D%22M52.84%2017.67c-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.44%22%20cy%3D%2260.48%22%20r%3D%223.3%22%20fill%3D%22%2390caf9%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%231976d2%22%20d%3D%22m69.54%206.37l52.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%232196f3%22%20d%3D%22m64.64%2010.47l48.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.4a7.415%207.415%200%200%201%2010.5%200c-.01-.01%200-.01%200%200%22%2F%3E%3Cpath%20fill%3D%22%2390caf9%22%20d%3D%22M52.84%2017.67c-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.44%22%20cy%3D%2260.48%22%20r%3D%223.3%22%20fill%3D%22%2390caf9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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