Mapzen Icon icon
logos:mapzen-icon
The Mapzen Icon icon (logos:mapzen-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 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
- 256 × 256
- Tags
- mapzenicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#54485b" d="m174.575 103.526l80.366 23.718c1.412.42 1.412 1.093 0 1.51l-94.872 28.003c-1.412.416-2.896 1.898-3.313 3.311l-28.002 94.874c-.207.705-.482 1.058-.755 1.058c-.272 0-.545-.353-.754-1.058L105.71 181.98l46.537-29.227l2.034-1.276zM38.604 146.16l8.637 2.549l-1.785 60.471l11.725-3.99l1.564-53.084l8.632 2.548l-1.4 47.544l35.783-12.176l2.465 8.356l-38.524 13.108l-.229 7.84l41.223-12.588l2.463 8.351l-52.745 16.106l.492-16.714l-20.52 6.982zm178.793 0l2.216 75.303l-20.73-7.054l.495 16.786l-52.554-16.047l2.465-8.347l41.03 12.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575 12.102l-1.4-47.409l8.635-2.549l1.561 52.954l11.933 4.06l-1.781-60.471zm-34.73-81.306l-34.472 81.441l-74.893 47.031l34.474-81.44zM127.999 0c.273 0 .548.352.755 1.058l22.075 74.789l-49.14 30.86l-19.472 46.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09 0-1.51l94.876-28.002c1.41-.416 2.894-1.896 3.31-3.31l28.002-94.874C127.454.352 127.727 0 128 0m10.499 117.115c-5.55-5.552-14.55-5.552-20.103 0c-5.553 5.55-5.553 14.551 0 20.104c5.552 5.55 14.552 5.55 20.103 0c5.553-5.553 5.553-14.554 0-20.104M56.413 23.138L109.61 39.38l-2.465 8.35l-41.673-12.724l.357 12.18l38.05 11.62l-2.467 8.35L66.1 56.37l1.325 44.96l-8.632 2.55l-1.48-50.194l-11.863-3.623l1.687 57.257l-8.632 2.549l-2.115-71.675L57.043 44.5zm142.965 0l-.632 21.428l20.862-6.372l-2.113 71.675l-8.633-2.549l1.689-57.257l-12.075 3.687l-1.475 50.07l-8.632-2.55l1.32-44.836l-35.102 10.722l-2.462-8.35L189.96 47.25l.36-12.244l-41.482 12.664l-2.465-8.347z"/></svg>How to use the Mapzen Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mapzen-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mapzen-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mapzen-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mapzen-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mapzen-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mapzen-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mapzen-icon.svg" alt="Mapzen Icon icon" width="24" height="24">Related icons in SVG Logos
Mapzen Icon icon FAQ
Is the Mapzen Icon 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 icon in React?
Install @iconify/react and render <Icon icon="logos:mapzen-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mapzen Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mapzen-icon.svg" alt="Mapzen Icon icon">, or paste the SVG code inline to style it with CSS.