Mapzen icon

logos:mapzen

The Mapzen icon (logos:mapzen) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 150 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 150

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="150" viewBox="0 0 512 150"><path fill="#54485b" 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>

How to use the Mapzen icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:mapzen" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:mapzen" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:mapzen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mapzen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mapzen"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:mapzen"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/mapzen.svg" alt="Mapzen icon" width="24" height="24">

Related icons in SVG Logos

Mapzen icon FAQ

Is the Mapzen icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Mapzen icon in React?

Install @iconify/react and render <Icon icon="logos:mapzen" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Mapzen icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mapzen.svg" alt="Mapzen icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →