Ikon Pin
zmdi:pin
Ikon Pin (zmdi:pin) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 304 × 432. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Design Iconic Font
- Pembuat
- MDI Community
- Lisensi
- OFL-1.1
- Ukuran
- 304 × 432
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="304" height="432" viewBox="0 0 304 432"><path fill="currentColor" d="M149 3q62 0 106 43.5T299 152q0 31-15.5 71.5t-37.5 75t-44 65t-37 48.5l-16 17q-6-6-16-18t-35.5-46.5t-45.5-67T16 224T0 152Q0 90 43.5 46.5T149 3m0 202q22 0 38-15.5t16-37.5t-16-37.5T149 99t-37.5 15.5T96 152t15.5 37.5T149 205"/></svg>
Cara memakai ikon Pin
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:pin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:pin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:pin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--pin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:pin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:pin"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/zmdi/pin.svg" alt="Ikon Pin" width="24" height="24">
Ikon terkait di Material Design Iconic Font
Ikon Pin di set ikon lain
FAQ Ikon Pin
Apakah ikon Pin gratis untuk penggunaan komersial?
Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pin di React?
Pasang @iconify/react lalu render <Icon icon="zmdi:pin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pin ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/pin.svg" alt="Ikon Pin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Material Design Iconic Font →
ICONYZ
