Ikon Giftcard
f7:giftcard
Ikon Giftcard (f7:giftcard) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 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
- Framework7 Icons
- Pembuat
- Vladimir Kharlampidi
- Lisensi
- MIT
- Ukuran
- 56 × 56
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M46.593 9q3.438 0 5.158 1.708q1.629 1.62 1.714 4.731l.005.35v23.852q0 3.374-1.72 5.07q-1.628 1.61-4.8 1.693l-.357.005H8.877q-3.438 0-5.158-1.697q-1.629-1.61-1.714-4.72L2 39.642V15.79q0-3.396 1.72-5.093q1.628-1.608 4.8-1.692L8.877 9zM5.526 39.444q0 1.709.876 2.574q.81.798 2.27.86l.25.005l17.477-.001V31.275h-.153q-.547 1.686-1.72 3.22a16.5 16.5 0 0 1-2.672 2.759a16.7 16.7 0 0 1-3.044 2.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432 1.09-.552l.203-.029q1.14-.13 2.43-.843a15 15 0 0 0 2.509-1.752a18 18 0 0 0 2.168-2.19q.833-1.006 1.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483 1.008 1.435 2.158a18 18 0 0 0 2.169 2.19q1.215 1.041 2.496 1.752q1.14.632 2.166.807l.255.036q.854.088 1.314.58q.46.494.46 1.282q0 .723-.537 1.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17 17 0 0 1-3.033-2.004q-1.5-1.227-2.672-2.76a11 11 0 0 1-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62 0 2.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4 9.4 0 0 1 1.763-2.42a7.7 7.7 0 0 1 2.29-1.566a6.4 6.4 0 0 1 2.605-.548q2.366 0 3.932 1.566t1.566 3.975q0 1.38-.591 2.574a7 7 0 0 1-1.654 2.135a9.6 9.6 0 0 1-2.119 1.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4 12.526H8.921q-1.643 0-2.519.876q-.81.81-.87 2.327l-.006.258v11.345h13.426a9.9 9.9 0 0 1-2.442-1.577a7.1 7.1 0 0 1-1.664-2.135a5.6 5.6 0 0 1-.603-2.574q0-2.409 1.577-3.975q1.578-1.566 3.92-1.566q1.38 0 2.629.548a7.7 7.7 0 0 1 2.289 1.566a8.8 8.8 0 0 1 1.56 2.075l.181.345zm-6.483 6.089q-1.182 0-1.884.712q-.7.712-.7 1.96q0 1.03.635 2.048q.634 1.018 1.752 1.84a9.7 9.7 0 0 0 2.56 1.325q1.266.44 2.664.496l.403.008h.657v-.614a9.1 9.1 0 0 0-.482-2.978a8.4 8.4 0 0 0-1.336-2.486q-.855-1.084-1.95-1.698a4.7 4.7 0 0 0-2.321-.613m15.616 0a4.64 4.64 0 0 0-2.3.613q-1.095.614-1.949 1.698a8.6 8.6 0 0 0-1.347 2.486a8.8 8.8 0 0 0-.485 2.587l-.008.391v.614h.658a9.3 9.3 0 0 0 3.088-.504a9.5 9.5 0 0 0 2.551-1.325q1.106-.822 1.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712"/></svg>Cara memakai ikon Giftcard
React
import { Icon } from "@iconify/react";
<Icon icon="f7:giftcard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:giftcard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:giftcard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--giftcard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:giftcard"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:giftcard"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/f7/giftcard.svg" alt="Ikon Giftcard" width="24" height="24">Ikon terkait di Framework7 Icons
FAQ Ikon Giftcard
Apakah ikon Giftcard gratis untuk penggunaan komersial?
Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Giftcard di React?
Pasang @iconify/react lalu render <Icon icon="f7:giftcard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Giftcard ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/giftcard.svg" alt="Ikon Giftcard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.