round pushpin emoji
round-pushpin from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- round-pushpin
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the round pushpin emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M35.972 9.72c-6.422 0-11.646 5.224-11.646 11.646S29.55 33.01 35.972 33.01c6.421 0 11.646-5.224 11.646-11.645S42.393 9.72 35.972 9.72"/><path fill="#d22f27" d="M39.169 32.382c1.726-.646 3.289-.817 4.814-2.212c2.102-1.923 3.904-5.34 3.904-8.024c0-2.445-.578-5.303-2.342-7.633c-1.628-2.15-4.361-3.842-6.376-4.554c0 0 3.517 5.65 3.517 11.373s-3.517 11.05-3.517 11.05"/><path fill="#d0cfce" d="m35.837 63.489l2.847-7.67s-.825-19.577-.38-19.678h-5.168c.446.1-.225 19.559-.225 19.559z"/><path fill="#9b9b9a" d="m35.956 62.738l2.649-7.078s.104-19.057.062-19.526l-2.933.007z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="35.971" cy="21.366" r="11.808"/><path d="M38.52 37.098v18.616l-2.584 8.505l-3.015-8.505V37.098"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiRoundPushpin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M35.972 9.72c-6.422 0-11.646 5.224-11.646 11.646S29.55 33.01 35.972 33.01c6.421 0 11.646-5.224 11.646-11.645S42.393 9.72 35.972 9.72"/><path fill="#d22f27" d="M39.169 32.382c1.726-.646 3.289-.817 4.814-2.212c2.102-1.923 3.904-5.34 3.904-8.024c0-2.445-.578-5.303-2.342-7.633c-1.628-2.15-4.361-3.842-6.376-4.554c0 0 3.517 5.65 3.517 11.373s-3.517 11.05-3.517 11.05"/><path fill="#d0cfce" d="m35.837 63.489l2.847-7.67s-.825-19.577-.38-19.678h-5.168c.446.1-.225 19.559-.225 19.559z"/><path fill="#9b9b9a" d="m35.956 62.738l2.649-7.078s.104-19.057.062-19.526l-2.933.007z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><circle cx="35.971" cy="21.366" r="11.808"/><path d="M38.52 37.098v18.616l-2.584 8.505l-3.015-8.505V37.098"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#ea5a47" d="M35.972 9.72c-6.422 0-11.646 5.224-11.646 11.646S29.55 33.01 35.972 33.01c6.421 0 11.646-5.224 11.646-11.645S42.393 9.72 35.972 9.72"/><path fill="#d22f27" d="M39.169 32.382c1.726-.646 3.289-.817 4.814-2.212c2.102-1.923 3.904-5.34 3.904-8.024c0-2.445-.578-5.303-2.342-7.633c-1.628-2.15-4.361-3.842-6.376-4.554c0 0 3.517 5.65 3.517 11.373s-3.517 11.05-3.517 11.05"/><path fill="#d0cfce" d="m35.837 63.489l2.847-7.67s-.825-19.577-.38-19.678h-5.168c.446.1-.225 19.559-.225 19.559z"/><path fill="#9b9b9a" d="m35.956 62.738l2.649-7.078s.104-19.057.062-19.526l-2.933.007z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="35.971" cy="21.366" r="11.808"/><path d="M38.52 37.098v18.616l-2.584 8.505l-3.015-8.505V37.098"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M35.972%209.72c-6.422%200-11.646%205.224-11.646%2011.646S29.55%2033.01%2035.972%2033.01c6.421%200%2011.646-5.224%2011.646-11.645S42.393%209.72%2035.972%209.72%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M39.169%2032.382c1.726-.646%203.289-.817%204.814-2.212c2.102-1.923%203.904-5.34%203.904-8.024c0-2.445-.578-5.303-2.342-7.633c-1.628-2.15-4.361-3.842-6.376-4.554c0%200%203.517%205.65%203.517%2011.373s-3.517%2011.05-3.517%2011.05%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m35.837%2063.489l2.847-7.67s-.825-19.577-.38-19.678h-5.168c.446.1-.225%2019.559-.225%2019.559z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m35.956%2062.738l2.649-7.078s.104-19.057.062-19.526l-2.933.007z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2235.971%22%20cy%3D%2221.366%22%20r%3D%2211.808%22%2F%3E%3Cpath%20d%3D%22M38.52%2037.098v18.616l-2.584%208.505l-3.015-8.505V37.098%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M35.972%209.72c-6.422%200-11.646%205.224-11.646%2011.646S29.55%2033.01%2035.972%2033.01c6.421%200%2011.646-5.224%2011.646-11.645S42.393%209.72%2035.972%209.72%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M39.169%2032.382c1.726-.646%203.289-.817%204.814-2.212c2.102-1.923%203.904-5.34%203.904-8.024c0-2.445-.578-5.303-2.342-7.633c-1.628-2.15-4.361-3.842-6.376-4.554c0%200%203.517%205.65%203.517%2011.373s-3.517%2011.05-3.517%2011.05%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m35.837%2063.489l2.847-7.67s-.825-19.577-.38-19.678h-5.168c.446.1-.225%2019.559-.225%2019.559z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m35.956%2062.738l2.649-7.078s.104-19.057.062-19.526l-2.933.007z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2235.971%22%20cy%3D%2221.366%22%20r%3D%2211.808%22%2F%3E%3Cpath%20d%3D%22M38.52%2037.098v18.616l-2.584%208.505l-3.015-8.505V37.098%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/round-pushpin.svg?color=%231a73e8&size=48
