Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In business applications like Google My Business and Yelp for Business, users encounter this icon when editing location details and updating business information on map listings. Travel planning platforms such as TripAdvisor and booking sites like Booking.com use this symbol for customizing location descriptions, while project management tools including Monday.com employ it for editing location-based task assignments and site-specific notes.

Question 5

What does this icon communicate to users?

Accepted Answer

From an interaction perspective, the pen-pin combination communicates more than simple modification - it specifically indicates location-aware editing, geographical annotation capabilities, and the ability to enhance location data with additional context or customized information. This distinction helps users understand they're performing content editing within a spatial context.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in location management forms where it represents editable location fields and marker customization controls. Combine it with shadcn/ui's Dialog components for location editing modals or Textarea components for location description fields. The pen element should use interactive colors like text-blue-500 when indicating editable locations to encourage user engagement with location customization features.

Map Pin Pen Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons