Ikon Punch Out
fad:punch-out
Ikon Punch Out (fad:punch-out) 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="M233.172 67.494a4 4 0 0 0-4.006-3.994h-55.494c-8.837 0-18.43 6.728-21.436 15.054l-54.837 82.392C94.397 169.26 84.8 176 75.971 176H30.765a4 4 0 0 0-4.006 4.007v8.986A4.004 4.004 0 0 0 30.757 193h58.708c8.835 0 18.381-6.752 21.324-15.089l54.057-82.822C167.787 86.756 177.337 80 186.171 80h43c2.21 0 4-1.797 4-3.994v-8.512z"/></svg>Cara memakai ikon Punch Out
React
import { Icon } from "@iconify/react";
<Icon icon="fad:punch-out" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:punch-out" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:punch-out" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--punch-out]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:punch-out"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:punch-out"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fad/punch-out.svg" alt="Ikon Punch Out" width="24" height="24">Ikon terkait di FontAudio
FAQ Ikon Punch Out
Apakah ikon Punch Out 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 Out di React?
Pasang @iconify/react lalu render <Icon icon="fad:punch-out" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Punch Out ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fad/punch-out.svg" alt="Ikon Punch Out">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.