SVG Exports

Glowing Dot SVG Exports

Static SVG exports of the glowing dots that can be used in Figma or other design tools.

Blue Dot

Standard blue glowing dot

Blue Dot
public/exports/glowing-dot-blue.svg

Red Dot

Red glowing dot for alerts or important locations

Red Dot
public/exports/glowing-dot-red.svg

Green Dot

Green glowing dot for success or active status

Green Dot
public/exports/glowing-dot-green.svg

Purple Dot

Purple glowing dot for premium or special locations

Purple Dot
public/exports/glowing-dot-purple.svg

Small Dot

Smaller blue glowing dot for dense maps

Small Dot
public/exports/glowing-dot-small.svg

Large Dot

Larger blue glowing dot for emphasis

Large Dot
public/exports/glowing-dot-large.svg

Using in Figma

To use these SVG files in Figma, follow these steps:

  1. Download the SVG file by clicking the download button
  2. In Figma, use File → Import or drag and drop the SVG file into your Figma document
  3. The SVG will be imported as a group of vector shapes that you can resize and modify
  4. You can change colors by selecting individual circles and adjusting their fill properties
  5. To create a map with multiple dots, import multiple SVGs and position them as needed

Customizing SVGs

If you need to customize these SVGs further:

  • Open the SVG file in a text editor to modify colors, sizes, or opacity values
  • Use a vector editing tool like Figma, Illustrator, or Inkscape to make visual edits
  • To change colors, modify the fill attributes in the SVG code or in Figma's properties panel
  • To change sizes, modify the r (radius) attributes or scale the entire SVG