Last updated:

May 19, 2026

Custom Pins for Individual Items

Custom Pins let you assign a unique image icon to any individual CMS map item. Add an Image field to your CMS collection, activate Individual Pins in Dynamic Map App, and upload your SVG icons. Custom pins do not support hover or active states and cannot be resized — for those features use CMS Category Pins instead.
Example of custom individual pins on a Dynamic Map for Webflow, showing different icons assigned per map item.
Example of custom individual pins on a Dynamic Map for Webflow, showing different icons assigned per map item.

Category Pins vs. Custom Pins

💡 Pro Tip: Use CMS Category Pins if you want different categories to have distinct styles. Category pins support hover and active states and are easier to manage across many items.

Set Up Custom Pins

Create CMS Image Field

Webflow CMS collection editor showing an Image field added to store custom pin icons for individual map items.
Webflow CMS collection editor showing an Image field added to store custom pin icons for individual map items.

Add Image to Map Item List and Activate in Dynamic Map

Webflow Designer showing an Image element added inside the map item collection list, connected to the CMS pin icon field.
Webflow Designer showing an Image element added inside the map item collection list, connected to the CMS pin icon field.
Dynamic Map App showing the Individual Pins option activated.
Dynamic Map App showing the Individual Pins option activated.

Create Icons in Figma

  1. Select your icon and resize it to fit your design.
  2. Export as SVG.
Figma workspace showing an icon exported as SVG for use as a custom map pin.
Figma workspace showing an icon exported as SVG for use as a custom map pin.

Upload the SVG to the corresponding CMS item in Webflow.

Webflow CMS editor showing a custom SVG icon uploaded to an individual collection item.
Webflow CMS editor showing a custom SVG icon uploaded to an individual collection item.

⚠️ Custom pin icon sizes cannot be adjusted in Webflow. Custom pins do not support hover or active states. For those features, use CMS Category Pins.