Ikon Punch In
fad:punch-in
Ikon Punch In (fad:punch-in) adalah ikon SVG gratis dari set FontAudio karya @fefanto. Ikon ini digambar pada grid 256 × 256. FontAudio icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M24.28 67.494a4 4 0 0 1 4.005-3.994H83.78c8.837 0 19.659 6.169 24.165 13.767l50.391 84.966c4.51 7.604 15.33 13.767 24.157 13.767H227.7a4 4 0 0 1 4.005 4.007v8.986a4.004 4.004 0 0 1-3.998 4.007h-58.708c-8.835 0-19.602-6.196-24.04-13.828L95.32 93.828C90.88 86.19 80.114 80 71.28 80h-43c-2.21 0-4-1.797-4-3.994z"/></svg>Cara memakai ikon Punch In
React
import { Icon } from "@iconify/react";
<Icon icon="fad:punch-in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:punch-in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:punch-in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--punch-in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:punch-in"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:punch-in"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fad/punch-in.svg" alt="Ikon Punch In" width="24" height="24">Ikon terkait di FontAudio
FAQ Ikon Punch In
Apakah ikon Punch In gratis untuk penggunaan komersial?
Ya. FontAudio icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Punch In di React?
Pasang @iconify/react lalu render <Icon icon="fad:punch-in" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Punch In ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fad/punch-in.svg" alt="Ikon Punch In">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.