round pushpin emoji

round-pushpin from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name: round-pushpin
Set: Fluent Emoji High Contrast
Style: Default
Category: Objects
Viewbox: 32×32
License: MIT

The same emoji in other sets

round-pushpinEmoji One (Colored)round-pushpinFluent Emoji round-pushpinFluent Emoji Flat round-pushpinNoto Emoji round-pushpinOpenMoji round-pushpinTwitter Emoji

More objects icons from Fluent Emoji High Contrast

Use the round pushpin emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.695 9.445c-.97-.97-.92-2.59.12-3.63c1.03-1.04 2.66-1.09 3.63-.12s.92 2.59-.12 3.63c-1.03 1.04-2.66 1.09-3.63.12"/><path d="M7 9.93a8.93 8.93 0 1 1 9.95 8.872V28.9c-.01.57-.46 1.02-1.02 1.02s-1.01-.45-1.01-1.01V18.804A8.93 8.93 0 0 1 7 9.93M15.93 3a6.93 6.93 0 1 0 0 13.86a6.93 6.93 0 0 0 0-13.86"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastRoundPushpin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.695 9.445c-.97-.97-.92-2.59.12-3.63c1.03-1.04 2.66-1.09 3.63-.12s.92 2.59-.12 3.63c-1.03 1.04-2.66 1.09-3.63.12"/><path d="M7 9.93a8.93 8.93 0 1 1 9.95 8.872V28.9c-.01.57-.46 1.02-1.02 1.02s-1.01-.45-1.01-1.01V18.804A8.93 8.93 0 0 1 7 9.93M15.93 3a6.93 6.93 0 1 0 0 13.86a6.93 6.93 0 0 0 0-13.86"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.695 9.445c-.97-.97-.92-2.59.12-3.63c1.03-1.04 2.66-1.09 3.63-.12s.92 2.59-.12 3.63c-1.03 1.04-2.66 1.09-3.63.12"/><path d="M7 9.93a8.93 8.93 0 1 1 9.95 8.872V28.9c-.01.57-.46 1.02-1.02 1.02s-1.01-.45-1.01-1.01V18.804A8.93 8.93 0 0 1 7 9.93M15.93 3a6.93 6.93 0 1 0 0 13.86a6.93 6.93 0 0 0 0-13.86"/></g></svg>
</template>

CSS

.icon-round-pushpin {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M16.695%209.445c-.97-.97-.92-2.59.12-3.63c1.03-1.04%202.66-1.09%203.63-.12s.92%202.59-.12%203.63c-1.03%201.04-2.66%201.09-3.63.12%22%2F%3E%3Cpath%20d%3D%22M7%209.93a8.93%208.93%200%201%201%209.95%208.872V28.9c-.01.57-.46%201.02-1.02%201.02s-1.01-.45-1.01-1.01V18.804A8.93%208.93%200%200%201%207%209.93M15.93%203a6.93%206.93%200%201%200%200%2013.86a6.93%206.93%200%200%200%200-13.86%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%22currentColor%22%3E%3Cpath%20d%3D%22M16.695%209.445c-.97-.97-.92-2.59.12-3.63c1.03-1.04%202.66-1.09%203.63-.12s.92%202.59-.12%203.63c-1.03%201.04-2.66%201.09-3.63.12%22%2F%3E%3Cpath%20d%3D%22M7%209.93a8.93%208.93%200%201%201%209.95%208.872V28.9c-.01.57-.46%201.02-1.02%201.02s-1.01-.45-1.01-1.01V18.804A8.93%208.93%200%200%201%207%209.93M15.93%203a6.93%206.93%200%201%200%200%2013.86a6.93%206.93%200%200%200%200-13.86%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-high-contrast/round-pushpin.svg?color=%231a73e8&size=48