Ikon Map Pin 12
fluent-mdl2:map-pin-12
Ikon Map Pin 12 (fluent-mdl2:map-pin-12) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- mappin
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1536 1024l341 1024H0l341-1024h512V650q-57-14-104-45t-80-76t-53-97t-19-112q0-71 27-133t73-108T806 6t133-27t132 27t109 73t73 108t27 133q0 58-19 111t-52 98t-81 75t-104 46v374zM768 320q0 35 13 66t37 55t54 36t67 14q35 0 66-13t54-37t36-54t14-67q0-35-13-66t-37-54t-54-37t-66-14q-35 0-66 13t-55 37t-36 55t-14 66m-304 875l-227 682h1403l-227-682h-389v256q0 35-25 60t-60 25q-18 0-33-6t-27-18t-19-27t-7-34v-256z"/></svg>Cara memakai ikon Map Pin 12
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:map-pin-12" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:map-pin-12" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:map-pin-12" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--map-pin-12]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:map-pin-12"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:map-pin-12"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/map-pin-12.svg" alt="Ikon Map Pin 12" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Map Pin 12
Apakah ikon Map Pin 12 gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Map Pin 12 di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:map-pin-12" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Map Pin 12 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/map-pin-12.svg" alt="Ikon Map Pin 12">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.