Ikon Mapzen
logos:mapzen
Ikon Mapzen (logos:mapzen) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 150. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 150
Kode SVG
<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>Cara memakai ikon Mapzen
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/mapzen.svg" alt="Ikon Mapzen" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Mapzen
Apakah ikon Mapzen gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mapzen di React?
Pasang @iconify/react lalu render <Icon icon="logos:mapzen" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mapzen ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/mapzen.svg" alt="Ikon Mapzen">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.