Leaflet logo

Leaflet is an open‑source JavaScript library for interactive maps, enabling developers to embed customizable, mobile‑friendly map visualizations into web pages. The Leaflet logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #199900
Categories: Libraries
Variants: 4 SVG files
Website: leafletjs.com
Source: Simple Icons · CC0

Sponsor

LeadfeedEvery buyer already asking for what you built

Use the Leaflet logo

shadcn CLI

npx shadcn@latest add @logoforge/leaflet

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { LeafletLogo } from "@/components/logos/leaflet";

<LeafletLogo className="size-8" />
<LeafletLogo variant="mono" />          {/* currentColor */}
<LeafletLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#199900" viewBox="0 0 24 24"><path d="M17.69 0c-.355.574-8.432 4.74-10.856 8.649-2.424 3.91-3.116 6.988-2.237 9.882s2.559 2.763 3.516 3.717c.958.954 2.257 2.113 4.332 1.645 2.717-.613 5.335-2.426 6.638-7.508s.448-9.533-.103-11.99A35 35 0 0 0 17.69 0m-.138.858-9.22 21.585-.574-.577Z"/></svg>

Download

Related logos

Leaflet and the Leaflet logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Leaflet; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.