small blue diamond emoji

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

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

The same emoji in other sets

small-blue-diamondEmoji One (Colored)small-blue-diamondFluent Emojismall-blue-diamondFluent Emoji Flatsmall-blue-diamondFluent Emoji High Contrastsmall-blue-diamondOpenMojismall-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 small 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="m65.9 43.5l18.5 18.4c1.1 1.1 1 2.9-.1 3.9L65.9 84.4c-1.1 1.1-2.9 1.1-4 0L43.5 65.9a2.81 2.81 0 0 1-.1-3.9l18.5-18.4c1.1-1.2 2.9-1.2 4-.1"/><path fill="#2196f3" d="M62.9 46.1L79 62.2c.9 1 .9 2.5-.1 3.4l-16 16.2c-1 1-2.5 1-3.5 0L43.3 65.7c-1-.9-1-2.5-.1-3.4l16.2-16.1c1-1 2.5-1 3.5-.1"/><path fill="#90caf9" d="M60 47.5c-.5.4-11.7 11.5-11.7 11.5s-.9.8-.3 1.7c.6.8 1.5.4 2 0s10.5-10.3 10.9-10.8s.5-1.4.2-1.9c-.2-.7-.7-.7-1.1-.5"/><circle cx="46.8" cy="62.7" r="1.2" fill="#90caf9"/></svg>

React

import type { SVGProps } from "react";

export function NotoSmallBlueDiamond(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="m65.9 43.5l18.5 18.4c1.1 1.1 1 2.9-.1 3.9L65.9 84.4c-1.1 1.1-2.9 1.1-4 0L43.5 65.9a2.81 2.81 0 0 1-.1-3.9l18.5-18.4c1.1-1.2 2.9-1.2 4-.1"/><path fill="#2196f3" d="M62.9 46.1L79 62.2c.9 1 .9 2.5-.1 3.4l-16 16.2c-1 1-2.5 1-3.5 0L43.3 65.7c-1-.9-1-2.5-.1-3.4l16.2-16.1c1-1 2.5-1 3.5-.1"/><path fill="#90caf9" d="M60 47.5c-.5.4-11.7 11.5-11.7 11.5s-.9.8-.3 1.7c.6.8 1.5.4 2 0s10.5-10.3 10.9-10.8s.5-1.4.2-1.9c-.2-.7-.7-.7-1.1-.5"/><circle cx="46.8" cy="62.7" r="1.2" 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="m65.9 43.5l18.5 18.4c1.1 1.1 1 2.9-.1 3.9L65.9 84.4c-1.1 1.1-2.9 1.1-4 0L43.5 65.9a2.81 2.81 0 0 1-.1-3.9l18.5-18.4c1.1-1.2 2.9-1.2 4-.1"/><path fill="#2196f3" d="M62.9 46.1L79 62.2c.9 1 .9 2.5-.1 3.4l-16 16.2c-1 1-2.5 1-3.5 0L43.3 65.7c-1-.9-1-2.5-.1-3.4l16.2-16.1c1-1 2.5-1 3.5-.1"/><path fill="#90caf9" d="M60 47.5c-.5.4-11.7 11.5-11.7 11.5s-.9.8-.3 1.7c.6.8 1.5.4 2 0s10.5-10.3 10.9-10.8s.5-1.4.2-1.9c-.2-.7-.7-.7-1.1-.5"/><circle cx="46.8" cy="62.7" r="1.2" fill="#90caf9"/></svg>
</template>

CSS

.icon-small-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%22m65.9%2043.5l18.5%2018.4c1.1%201.1%201%202.9-.1%203.9L65.9%2084.4c-1.1%201.1-2.9%201.1-4%200L43.5%2065.9a2.81%202.81%200%200%201-.1-3.9l18.5-18.4c1.1-1.2%202.9-1.2%204-.1%22%2F%3E%3Cpath%20fill%3D%22%232196f3%22%20d%3D%22M62.9%2046.1L79%2062.2c.9%201%20.9%202.5-.1%203.4l-16%2016.2c-1%201-2.5%201-3.5%200L43.3%2065.7c-1-.9-1-2.5-.1-3.4l16.2-16.1c1-1%202.5-1%203.5-.1%22%2F%3E%3Cpath%20fill%3D%22%2390caf9%22%20d%3D%22M60%2047.5c-.5.4-11.7%2011.5-11.7%2011.5s-.9.8-.3%201.7c.6.8%201.5.4%202%200s10.5-10.3%2010.9-10.8s.5-1.4.2-1.9c-.2-.7-.7-.7-1.1-.5%22%2F%3E%3Ccircle%20cx%3D%2246.8%22%20cy%3D%2262.7%22%20r%3D%221.2%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%22m65.9%2043.5l18.5%2018.4c1.1%201.1%201%202.9-.1%203.9L65.9%2084.4c-1.1%201.1-2.9%201.1-4%200L43.5%2065.9a2.81%202.81%200%200%201-.1-3.9l18.5-18.4c1.1-1.2%202.9-1.2%204-.1%22%2F%3E%3Cpath%20fill%3D%22%232196f3%22%20d%3D%22M62.9%2046.1L79%2062.2c.9%201%20.9%202.5-.1%203.4l-16%2016.2c-1%201-2.5%201-3.5%200L43.3%2065.7c-1-.9-1-2.5-.1-3.4l16.2-16.1c1-1%202.5-1%203.5-.1%22%2F%3E%3Cpath%20fill%3D%22%2390caf9%22%20d%3D%22M60%2047.5c-.5.4-11.7%2011.5-11.7%2011.5s-.9.8-.3%201.7c.6.8%201.5.4%202%200s10.5-10.3%2010.9-10.8s.5-1.4.2-1.9c-.2-.7-.7-.7-1.1-.5%22%2F%3E%3Ccircle%20cx%3D%2246.8%22%20cy%3D%2262.7%22%20r%3D%221.2%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/small-blue-diamond.svg?color=%231a73e8&size=48