Home/Libraries/SVG Logos (Iconify)/mapzen

SVG Logos (Iconify)

Mapzen

License: CC0-1.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 512 150"><path fill="#818cf8" d="M343.618 56.521c12.308 0 22.118 9.812 22.118 24.443s-9.81 24.614-22.118 24.614c-7.144 0-11.278-3.615-15.127-8.69v30.992h-11.547V57.635h11.547v6.976c2.887-4.819 7.983-8.09 15.127-8.09m90.467.133c13.686 0 23.84 9.256 23.84 23.972c0 1.464-.086 2.99-.343 4.914h-34.77c.516 5.774 4.818 10.153 11.101 10.153c5.165 0 7.661-2.455 9.295-5.341h13.083c-2.668 8.66-10.758 15.349-22.378 15.349c-13.684 0-23.495-9.695-23.495-24.67s9.811-24.377 23.667-24.377m-156.927-.133c7.057 0 12.842 3.271 15.73 8.09v-6.976h12.509v47.15h-12.51v-7.898c-2.887 5.076-8.591 8.691-15.648 8.691c-12.22 0-22.36-9.983-22.36-24.614s10.06-24.443 22.279-24.443m-83.72-11.704l19.28 44.495l19.278-44.495h13.427v60.072h-12.05V66.935l-16.353 37.954h-8.692l-16.266-37.782v37.782h-12.136V44.817zm211.37 12.394v9.896l-20.054 27.8h20.054v9.982h-34.17v-9.982l20.14-27.8h-20.14v-9.896zm88.689-.69c10.5 0 18.503 7.229 18.503 20.312v28.056h-12.048V78.555c0-7.574-4.218-11.532-10.586-11.532c-6.455 0-10.673 3.958-10.673 11.532v26.334h-12.136V57.211h12.136v7.141c2.926-4.99 8.262-7.83 14.804-7.83M279.59 67.023c-6.197 0-12.567 4.733-12.567 13.94c0 9.209 6.37 14.115 12.567 14.115c6.282 0 12.651-4.82 12.651-14.028s-6.369-14.027-12.651-14.027m61.08 0c-6.283 0-12.566 4.819-12.566 14.027s6.283 14.028 12.566 14.028s12.565-4.906 12.565-14.114s-6.282-13.941-12.565-13.941m93.242.407c-5.766 0-10.329 3.676-11.101 10.412h22.548c-.344-6.736-5.25-10.412-11.447-10.412M102.23 60.623l47.06 13.89c.827.245.827.64 0 .884L93.735 91.795c-.826.243-1.695 1.111-1.94 1.939l-16.397 55.557c-.122.413-.282.62-.442.62s-.32-.207-.442-.62l-12.61-42.726l27.25-17.115l1.191-.748zM22.605 85.59l5.058 1.493l-1.045 35.411l6.865-2.336l.916-31.086l5.055 1.492l-.82 27.841l20.955-7.13l1.443 4.893l-22.56 7.676l-.133 4.591l24.14-7.37l1.442 4.89l-30.887 9.43l.288-9.787l-12.016 4.089zm104.699 0l1.298 44.097l-12.139-4.131l.29 9.83l-30.775-9.397l1.443-4.888l24.027 7.334l-.136-4.633l-22.437-7.634l1.445-4.893l20.832 7.087l-.82-27.762l5.057-1.493l.914 31.01l6.988 2.377l-1.043-35.411zm-20.337-47.61L86.781 85.67l-43.856 27.541l20.187-47.69zM74.955 0c.16 0 .32.206.442.62l12.927 43.795l-28.776 18.071l-11.403 26.938l-23.054-6.804l-2.376-.702l-22.096-6.52c-.825-.245-.825-.64 0-.885l55.558-16.398c.826-.244 1.695-1.11 1.938-1.938L74.513.62c.122-.414.282-.62.442-.62m6.148 68.581a8.323 8.323 0 0 0-11.772 0a8.325 8.325 0 1 0 11.772 0M33.035 13.55l31.151 9.51l-1.443 4.89L38.34 20.5l.209 7.131l22.28 6.805l-1.443 4.89l-20.679-6.317l.776 26.329l-5.055 1.493l-.866-29.393l-6.947-2.122l.988 33.53l-5.055 1.492l-1.238-41.972l12.093 3.693zm83.719 0l-.37 12.548l12.216-3.732l-1.237 41.972l-5.056-1.493l.99-33.529l-7.072 2.16l-.864 29.32l-5.054-1.494l.773-26.255l-20.556 6.279l-1.441-4.89l22.155-6.767l.21-7.17l-24.29 7.416l-1.444-4.888z"/></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. MapzenIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.