Ikon Pin
ix:pin
Ikon Pin (ix:pin) adalah ikon SVG gratis dari set Siemens Industrial Experience Icons karya Siemens AG. Ikon ini digambar pada grid 512 × 512. Siemens Industrial Experience 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
- Siemens Industrial Experience Icons
- Pembuat
- Siemens AG
- Lisensi
- MIT
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m301.755 327.147l107.501-107.651l30.049 29.943l30.05-30.007l-88.362-88.361l-88.383-88.404l-30.007 30.028l29.943 30.049l-107.65 107.501l-80.557-9.421l-61.672 61.63L58 277.617l-.064.064l73.071 73.071l-66.755 66.67l.106 30.028h30.199l66.712-66.457l73.071 73.071l.064-.064l15.163 15.333l61.63-61.63l-9.421-80.556zm-52.252 81.96l-146.61-146.589l16.609-16.63l82.131 8.017l121.069-121.069l56.462 56.462l-121.048 121.069l8.017 82.131z"/></svg>Cara memakai ikon Pin
React
import { Icon } from "@iconify/react";
<Icon icon="ix:pin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:pin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:pin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--pin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:pin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:pin"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ix/pin.svg" alt="Ikon Pin" width="24" height="24">Ikon terkait di Siemens Industrial Experience Icons
Ikon Pin di set ikon lain
FAQ Ikon Pin
Apakah ikon Pin gratis untuk penggunaan komersial?
Ya. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pin di React?
Pasang @iconify/react lalu render <Icon icon="ix: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/ix/pin.svg" alt="Ikon Pin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.