round pushpin emoji

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

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

The same emoji in other sets

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

More objects icons from Noto Emoji

Use the round pushpin emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="m68.63 59.34l-9.27-1.52s-.45 38.95-.06 43.57c0 .01 2.39 14.08 2.98 21.07c.07.87.8 1.55 1.68 1.55s1.61-.67 1.69-1.55l2.99-21.07c-.02-6.35-.01-42.05-.01-42.05"/><path fill="#2f7889" d="M68.59 59.77s.04 5.9.04 7.37s-1.31 3.83-4.7 3.83s-4.64-2.31-4.64-3.73s.01-7.45.01-7.45z"/><path fill="#f44336" d="M35.72 32.36v1.42c.85 14.04 11.91 25.52 25.95 26.79c.85.14 1.56.14 2.41.14s1.56 0 2.27-.14c14.04-1.28 25.09-12.48 25.94-26.8v-1.42C92.43 16.76 79.67 4 64.07 4S35.72 16.62 35.72 32.36"/><path fill="#ff7555" d="M66.97 8.77c2.66 2.62 1.97 5.66.52 8.29c-1.63 2.96-5.42 4.45-11.01 12.51c-4.19 6.04-13.08 3.28-14.33-1.51c-.96-3.68-.19-7.53 1.8-10.71C51.5 5.27 64.31 6.15 66.97 8.77"/></svg>

React

import type { SVGProps } from "react";

export function NotoRoundPushpin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="m68.63 59.34l-9.27-1.52s-.45 38.95-.06 43.57c0 .01 2.39 14.08 2.98 21.07c.07.87.8 1.55 1.68 1.55s1.61-.67 1.69-1.55l2.99-21.07c-.02-6.35-.01-42.05-.01-42.05"/><path fill="#2f7889" d="M68.59 59.77s.04 5.9.04 7.37s-1.31 3.83-4.7 3.83s-4.64-2.31-4.64-3.73s.01-7.45.01-7.45z"/><path fill="#f44336" d="M35.72 32.36v1.42c.85 14.04 11.91 25.52 25.95 26.79c.85.14 1.56.14 2.41.14s1.56 0 2.27-.14c14.04-1.28 25.09-12.48 25.94-26.8v-1.42C92.43 16.76 79.67 4 64.07 4S35.72 16.62 35.72 32.36"/><path fill="#ff7555" d="M66.97 8.77c2.66 2.62 1.97 5.66.52 8.29c-1.63 2.96-5.42 4.45-11.01 12.51c-4.19 6.04-13.08 3.28-14.33-1.51c-.96-3.68-.19-7.53 1.8-10.71C51.5 5.27 64.31 6.15 66.97 8.77"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#82aec0" d="m68.63 59.34l-9.27-1.52s-.45 38.95-.06 43.57c0 .01 2.39 14.08 2.98 21.07c.07.87.8 1.55 1.68 1.55s1.61-.67 1.69-1.55l2.99-21.07c-.02-6.35-.01-42.05-.01-42.05"/><path fill="#2f7889" d="M68.59 59.77s.04 5.9.04 7.37s-1.31 3.83-4.7 3.83s-4.64-2.31-4.64-3.73s.01-7.45.01-7.45z"/><path fill="#f44336" d="M35.72 32.36v1.42c.85 14.04 11.91 25.52 25.95 26.79c.85.14 1.56.14 2.41.14s1.56 0 2.27-.14c14.04-1.28 25.09-12.48 25.94-26.8v-1.42C92.43 16.76 79.67 4 64.07 4S35.72 16.62 35.72 32.36"/><path fill="#ff7555" d="M66.97 8.77c2.66 2.62 1.97 5.66.52 8.29c-1.63 2.96-5.42 4.45-11.01 12.51c-4.19 6.04-13.08 3.28-14.33-1.51c-.96-3.68-.19-7.53 1.8-10.71C51.5 5.27 64.31 6.15 66.97 8.77"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%2382aec0%22%20d%3D%22m68.63%2059.34l-9.27-1.52s-.45%2038.95-.06%2043.57c0%20.01%202.39%2014.08%202.98%2021.07c.07.87.8%201.55%201.68%201.55s1.61-.67%201.69-1.55l2.99-21.07c-.02-6.35-.01-42.05-.01-42.05%22%2F%3E%3Cpath%20fill%3D%22%232f7889%22%20d%3D%22M68.59%2059.77s.04%205.9.04%207.37s-1.31%203.83-4.7%203.83s-4.64-2.31-4.64-3.73s.01-7.45.01-7.45z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M35.72%2032.36v1.42c.85%2014.04%2011.91%2025.52%2025.95%2026.79c.85.14%201.56.14%202.41.14s1.56%200%202.27-.14c14.04-1.28%2025.09-12.48%2025.94-26.8v-1.42C92.43%2016.76%2079.67%204%2064.07%204S35.72%2016.62%2035.72%2032.36%22%2F%3E%3Cpath%20fill%3D%22%23ff7555%22%20d%3D%22M66.97%208.77c2.66%202.62%201.97%205.66.52%208.29c-1.63%202.96-5.42%204.45-11.01%2012.51c-4.19%206.04-13.08%203.28-14.33-1.51c-.96-3.68-.19-7.53%201.8-10.71C51.5%205.27%2064.31%206.15%2066.97%208.77%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%2382aec0%22%20d%3D%22m68.63%2059.34l-9.27-1.52s-.45%2038.95-.06%2043.57c0%20.01%202.39%2014.08%202.98%2021.07c.07.87.8%201.55%201.68%201.55s1.61-.67%201.69-1.55l2.99-21.07c-.02-6.35-.01-42.05-.01-42.05%22%2F%3E%3Cpath%20fill%3D%22%232f7889%22%20d%3D%22M68.59%2059.77s.04%205.9.04%207.37s-1.31%203.83-4.7%203.83s-4.64-2.31-4.64-3.73s.01-7.45.01-7.45z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M35.72%2032.36v1.42c.85%2014.04%2011.91%2025.52%2025.95%2026.79c.85.14%201.56.14%202.41.14s1.56%200%202.27-.14c14.04-1.28%2025.09-12.48%2025.94-26.8v-1.42C92.43%2016.76%2079.67%204%2064.07%204S35.72%2016.62%2035.72%2032.36%22%2F%3E%3Cpath%20fill%3D%22%23ff7555%22%20d%3D%22M66.97%208.77c2.66%202.62%201.97%205.66.52%208.29c-1.63%202.96-5.42%204.45-11.01%2012.51c-4.19%206.04-13.08%203.28-14.33-1.51c-.96-3.68-.19-7.53%201.8-10.71C51.5%205.27%2064.31%206.15%2066.97%208.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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