Ikon Pin 3
icons8:pin-3
Ikon Pin 3 (icons8:pin-3) adalah ikon SVG gratis dari set Icons8 Windows 10 Icons karya Icons8. Ikon ini digambar pada grid 32 × 32. Icons8 Windows 10 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
- Icons8 Windows 10 Icons
- Pembuat
- Icons8
- Lisensi
- MIT
- Ukuran
- 32 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m20.47 2.563l-.72.75c-1.045 1.15-1.542 2.605-1.656 4.062l-4.063 4.063c-2.47-.44-5.127.253-7.03 2.156l-.72.72l.72.686l4.313 4.313L3 27.593V29h1.406l8.282-8.313l4.218 4.22l.688.718l.718-.72c2.096-2.094 2.69-4.973 2.063-7.56l3.563-3.564c1.737.208 3.513-.293 4.78-1.56l.688-.72l-.687-.72l-7.5-7.5l-.75-.717zm.218 3.062l5.687 5.688c-.825.466-1.716.758-2.625.53l-.563-.155l-.406.406l-4.186 4.187l-.438.44l.188.593c.587 1.762.315 3.75-.844 5.375L9.312 14.5c1.455-1 3.206-1.46 4.844-1.03l.53.155l.408-.406l4.625-4.626l.28-.28v-.408c0-.803.293-1.563.688-2.28z"/></svg>Cara memakai ikon Pin 3
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:pin-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:pin-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:pin-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--pin-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:pin-3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:pin-3"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="Ikon Pin 3" width="24" height="24">FAQ Ikon Pin 3
Apakah ikon Pin 3 gratis untuk penggunaan komersial?
Ya. Icons8 Windows 10 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pin 3 di React?
Pasang @iconify/react lalu render <Icon icon="icons8:pin-3" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pin 3 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icons8/pin-3.svg" alt="Ikon Pin 3">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.