ICONYZ
Bahasa Indonesia
Ikon Push Pin dari Phosphor

Ikon Push Pin

ph:push-pin

Ikon Push Pin (ph:push-pin) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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
Phosphor
Pembuat
Phosphor Icons
Lisensi
MIT
Ukuran
256 × 256
Tag
favorites, favorited, pushpin
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m235.32 81.37l-60.69-60.68a16 16 0 0 0-22.63 0l-53.63 53.8c-10.66-3.34-35-7.37-60.4 13.14a16 16 0 0 0-1.29 23.78L85 159.71l-42.66 42.63a8 8 0 0 0 11.32 11.32L96.29 171l48.29 48.29A16 16 0 0 0 155.9 224h1.13a15.93 15.93 0 0 0 11.64-6.33c19.64-26.1 17.75-47.32 13.19-60L235.33 104a16 16 0 0 0-.01-22.63M224 92.69l-57.27 57.46a8 8 0 0 0-1.49 9.22c9.46 18.93-1.8 38.59-9.34 48.62L48 100.08c12.08-9.74 23.64-12.31 32.48-12.31A40.1 40.1 0 0 1 96.81 91a8 8 0 0 0 9.25-1.51L163.32 32L224 92.68Z"/></svg>

Cara memakai ikon Push Pin

React

import { Icon } from "@iconify/react";

<Icon icon="ph:push-pin" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:push-pin" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:push-pin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--push-pin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:push-pin"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:push-pin"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/push-pin.svg" alt="Ikon Push Pin" width="24" height="24">

Ikon terkait di Phosphor

Ikon push-pin-bold
push-pin-bold
 Ikon push-pin-duotone
push-pin-duotone
 Ikon push-pin-fill
push-pin-fill
 Ikon push-pin-light
push-pin-light
 Ikon push-pin-simple
push-pin-simple
 Ikon push-pin-simple-bold
push-pin-simple-bold
 Ikon push-pin-simple-duotone
push-pin-simple-duotone
 Ikon push-pin-simple-fill
push-pin-simple-fill
 Ikon push-pin-simple-light
push-pin-simple-light
 Ikon push-pin-simple-slash
push-pin-simple-slash
 Ikon push-pin-simple-slash-bold
push-pin-simple-slash-bold
 Ikon push-pin-simple-slash-duotone
push-pin-simple-slash-duotone
 Ikon push-pin-simple-slash-fill
push-pin-simple-slash-fill
 Ikon push-pin-simple-slash-light
push-pin-simple-slash-light
 Ikon push-pin-simple-slash-thin
push-pin-simple-slash-thin
 Ikon push-pin-simple-thin
push-pin-simple-thin
 Ikon push-pin-slash
push-pin-slash
 Ikon push-pin-slash-bold
push-pin-slash-bold
 Ikon push-pin-slash-duotone
push-pin-slash-duotone
 Ikon push-pin-slash-fill
push-pin-slash-fill
 Ikon push-pin-slash-light
push-pin-slash-light
 Ikon push-pin-slash-thin
push-pin-slash-thin
 Ikon push-pin-thin
push-pin-thin

Ikon Push Pin di set ikon lain

Ikon Push Pin dari EOS Icons
EOS Icons
 Ikon Push Pin dari Marketeq
Marketeq
 Ikon Push Pin dari OOUI
OOUI

FAQ Ikon Push Pin

Apakah ikon Push Pin gratis untuk penggunaan komersial?

Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Push Pin di React?

Pasang @iconify/react lalu render <Icon icon="ph:push-pin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Push Pin ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/push-pin.svg" alt="Ikon Push Pin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Phosphor →