Home/Libraries/Noto Emoji (v1) (Iconify)/pushpin

Noto Emoji (v1) (Iconify)

Pushpin

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M37.32 84.74c.54-.56 1.09-1.1 1.68-1.59c1.71-1.44 6.17-4.77 8.57-3.39c1.43.82 1.22 3.57.69 4.71c-1.3 2.82-4.62 5.2-6.65 7.55c-1.6 1.86-3.52 3.52-5.26 5.26c-2.79 2.79-5.46 5.93-8.48 8.48c-.01 0-24.13 20.38-24.13 20.38l-1.88-1.87l20.38-24.15c3.83-3.82 7.65-7.65 11.47-11.48c1.24-1.23 2.39-2.63 3.61-3.9"/><defs><path id="SVGi5iHLb1l" d="M37.32 84.97c-4.78-5.15-9.03-10.73-12.49-16.51c-2.64-4.41-8.73-14.68-3.86-19.56l4.25-4.26c3.99-3.99 14.52-.31 26.21 8.33l26.4-26.39c-6.62-8.78-9.75-16.09-7.34-18.5l5.39-5.39c3.51-3.5 17.42 4.72 31.07 18.38c13.65 13.65 21.88 27.57 18.37 31.07l-5.38 5.39c-2.42 2.41-9.73-.72-18.5-7.34l-26.4 26.39c8.65 11.7 12.31 22.22 8.33 26.21l-4.26 4.26c-5.04 5.03-15.77-1.52-20.25-4.27c-7.72-4.76-15.11-10.89-21.54-17.81"/><path id="SVGEeDobejO" d="M77.48-.73s-2.84 5.87 3.68 16.49c6.14 10 9.64 12.81 9.64 12.81l-6.13 7.01s-11.75-12.8-14.21-21.22c-2.45-8.42-.88-10.18-.88-10.18z"/><path id="SVGhJn2GbNt" fill="#818cf8" d="m78.71 6.29l-8.25 8.06l4.25 7.97l8.07-8.6z"/><path id="SVG8DH1xelu" d="M26.08 43.57s-3.14 6.5 4.08 18.25c6.8 11.07 10.68 14.17 10.68 14.17l-6.8 7.77S21.03 69.59 18.32 60.27C15.6 50.95 17.34 49 17.34 49z"/><path id="SVGqlnInb5E" fill="#818cf8" d="m27.44 51.34l-9.13 8.93l6.22 12.04l8.93-9.52z"/><path id="SVGUWNNrbkE" d="m77.84 26.56l-34.09 33.9c-.47.47 1.54 4.05 1.79 4.52c.4.72.77 1.43 1.26 2.09c.8 1.08 2.01 1.8 2.81 2.88c.61-.16.82-.74 1.18-1.18c.53-.64 1.21-1.2 1.8-1.78c1.19-1.18 2.37-2.36 3.56-3.54l6.99-6.96c2.81-2.79 5.62-5.59 8.42-8.38c2.63-2.62 5.16-5.6 8.1-7.84c.71-.53 1.15-1.13 1.75-1.75c.62-.65 1.28-1.22 1.95-1.8c.42-.36.78-.82 1.32-.96c.14-.65-1.47-1.55-1.87-1.95c-.53-.54-5.22-7-4.97-7.25"/><path id="SVG3Ij9xrdb" fill="#818cf8" d="M84.06 35.34L48.53 71.65l-3.5-5.44l36.7-35.73z"/></defs><use fill="#818cf8" href="#SVGi5iHLb1l"/><clipPath id="SVGrEbQAdDa"><use href="#SVGi5iHLb1l"/></clipPath><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVGEeDobejO" id="SVGyr6MTd1j"/></defs><clipPath id="SVGzaKQjd7e"><use href="#SVGyr6MTd1j"/></clipPath><use href="#SVGhJn2GbNt" clip-path="url(#SVGzaKQjd7e)"/><defs/><use href="#SVGhJn2GbNt" clip-path="url(#SVGzaKQjd7e)"/></g><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVG8DH1xelu" id="SVGZEwoFerR"/></defs><clipPath id="SVG6RhV6dsL"><use href="#SVGZEwoFerR"/></clipPath><use href="#SVGqlnInb5E" clip-path="url(#SVG6RhV6dsL)"/><defs/><clipPath id="SVGi3cNueSF"><use href="#SVGZEwoFerR" opacity=".32"/></clipPath><use href="#SVGqlnInb5E" clip-path="url(#SVGi3cNueSF)"/></g><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVGUWNNrbkE" id="SVGcdXzQteS"/></defs><clipPath id="SVGaCyV8dUn"><use href="#SVGcdXzQteS"/></clipPath><use href="#SVG3Ij9xrdb" clip-path="url(#SVGaCyV8dUn)"/><defs/><use href="#SVG3Ij9xrdb" clip-path="url(#SVGaCyV8dUn)" opacity=".2"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PushpinIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.