Mapbox icon
logos:mapbox
The Mapbox icon (logos:mapbox) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 114 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 × 114
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="114" viewBox="0 0 512 114"><path fill="#485160" d="M57.616 0c31.822 0 57.616 25.517 57.616 56.996s-25.794 56.997-57.616 56.997S0 88.476 0 56.996S25.794 0 57.616 0m262.222 31.223c13.545 0 24.498 11.54 24.498 25.773S333.383 82.77 319.838 82.77c-6.33 0-12.29-2.508-16.73-6.926l-.315-.319v24.427l-.007.134a1.435 1.435 0 0 1-1.283 1.27l-.136.007h-8.684l-.136-.007a1.435 1.435 0 0 1-1.284-1.27l-.006-.134V33.916l.006-.135a1.435 1.435 0 0 1 1.284-1.27l.136-.006h8.684l.136.007a1.435 1.435 0 0 1 1.283 1.27l.007.134v4.552c4.472-4.616 10.629-7.245 17.045-7.245m-276.35-1.282C23.72 49.495 30.072 84.244 30.072 84.244s35.192 6.22 54.894-13.271c10.953-10.835 10.564-28.85-.907-40.135s-29.618-11.732-40.571-.897M363.65 12.63l.135.006a1.435 1.435 0 0 1 1.284 1.27l.006.134v24.427c4.472-4.616 10.63-7.245 17.046-7.245c13.545 0 24.498 11.54 24.498 25.773S395.666 82.77 382.12 82.77c-6.33 0-12.29-2.508-16.731-6.926l-.315-.319v4.552l-.006.134a1.435 1.435 0 0 1-1.284 1.27l-.135.007h-8.685c-.732 0-1.35-.568-1.42-1.277l-.006-.134V14.041c0-.724.574-1.335 1.29-1.404l.136-.007zm74.92 18.592c14.647 0 26.507 11.54 26.507 25.773S453.217 82.77 438.57 82.77s-26.507-11.54-26.507-25.774c0-14.233 11.86-25.773 26.507-25.773m-189.245 0c6.33 0 12.29 2.508 16.73 6.926l.315.319v-4.552l.006-.135a1.435 1.435 0 0 1 1.284-1.27l.135-.006h8.685c.732 0 1.35.568 1.42 1.276l.006.135v46.161l-.007.134a1.435 1.435 0 0 1-1.283 1.27l-.136.007h-8.685l-.135-.007a1.435 1.435 0 0 1-1.284-1.27l-.006-.134v-4.552c-4.472 4.616-10.63 7.245-17.045 7.245c-13.546 0-24.499-11.54-24.499-25.774c0-14.233 10.953-25.773 24.499-25.773m261.25 1.218c.258 0 .518.064.712.192c.547.361.752 1.116.455 1.685l-.066.11l-14.906 22.44L511.806 79.5q.195.384.194.77c0 .66-.513 1.209-1.164 1.275l-.132.007h-9.916c-.718 0-1.38-.328-1.784-.883l-.096-.143l-8.943-14.746l-8.944 14.746a2.17 2.17 0 0 1-1.702 1.019l-.178.007h-10.045c-.26 0-.519-.064-.713-.193c-.547-.36-.752-1.115-.455-1.684l.066-.11l15.036-22.633l-14.906-22.44a1.3 1.3 0 0 1-.195-.704c0-.662.513-1.21 1.164-1.276l.132-.007h10.046c.718 0 1.38.328 1.784.883l.095.143l8.75 14.49l8.75-14.554a2.17 2.17 0 0 1 1.7-1.02l.179-.006zm-311.738-1.218c9.933 0 18.028 7.459 18.209 16.799l.003.32l.065 31.735l-.007.134a1.435 1.435 0 0 1-1.283 1.27l-.136.007h-8.75a1.434 1.434 0 0 1-1.418-1.277l-.007-.134v-28.21c0-5.962-4.602-10.514-10.11-10.514c-4.902 0-8.928 4.205-9.807 9.7l-.045.301l.065 28.723l-.006.134a1.435 1.435 0 0 1-1.284 1.27l-.136.007h-8.749c-.732 0-1.35-.568-1.42-1.277l-.006-.134v-28.21c0-5.962-4.601-10.514-10.11-10.514c-5.226 0-9.512 4.773-9.961 10.785l-.02.306v27.633l-.007.134a1.435 1.435 0 0 1-1.283 1.27l-.136.007h-8.684l-.136-.007a1.435 1.435 0 0 1-1.284-1.27l-.006-.134V33.916l.006-.135a1.435 1.435 0 0 1 1.284-1.27l.136-.006h8.684l.136.007a1.435 1.435 0 0 1 1.283 1.27l.007.134v4.103a16.7 16.7 0 0 1 13.416-6.796c6.805-.064 13.156 3.654 16.332 9.617c2.787-5.834 8.684-9.553 15.165-9.617m181.274 10.322c-8.125 0-14.671 6.623-14.963 14.934l-.008.325v.385c.065 8.463 6.74 15.259 14.971 15.259s14.972-6.925 14.972-15.452s-6.676-15.45-14.972-15.45m58.394 0c-8.23 0-14.97 6.924-14.97 15.451s6.675 15.452 14.97 15.452c8.231 0 14.971-6.925 14.971-15.452s-6.74-15.45-14.97-15.45m-187.171 0c-8.231 0-14.971 6.924-14.971 15.451s6.675 15.452 14.97 15.452c8.127 0 14.738-6.625 14.966-14.939l.006-.32v-.385c-.065-8.463-6.74-15.259-14.971-15.259m66.495 0c-8.125 0-14.672 6.623-14.963 14.934l-.008.325v.385c.065 8.463 6.74 15.259 14.97 15.259c8.297 0 14.972-6.925 14.972-15.452s-6.675-15.45-14.971-15.45M64.227 33.403l5.638 11.476l11.601 5.578l-11.6 5.578l-5.64 11.476l-5.638-11.476l-11.6-5.578l11.6-5.578z"/></svg>How to use the Mapbox icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mapbox" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mapbox" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mapbox" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mapbox]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mapbox"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mapbox"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/mapbox.svg" alt="Mapbox icon" width="24" height="24">Related icons in SVG Logos
Mapbox icon in other icon sets
Mapbox icon FAQ
Is the Mapbox 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 Mapbox icon in React?
Install @iconify/react and render <Icon icon="logos:mapbox" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mapbox icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/mapbox.svg" alt="Mapbox icon">, or paste the SVG code inline to style it with CSS.