Ikon Modern Payment Self Checkout Touch
streamline-freehand-color:modern-payment-self-checkout-touch
Ikon Modern Payment Self Checkout Touch (streamline-freehand-color:modern-payment-self-checkout-touch) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color 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.
- Set ikon
- Freehand color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Uang, pembayaran, dan keuangan
- Tag
- modernpayment, paymentself, selfcheckout, checkouttouch, modernpaymentselfcheckouttouch
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M8.737 19.331a29 29 0 0 1-4.288-.16c-.9 0-2.359.08-3.219 0c0-.1-.08-.24-.09-.32s-.25-3.378-.31-3.498a.3.3 0 0 0-.57 0a19.5 19.5 0 0 1-.12 3.438c-.149 1.97.67 1.56 7.118 1.39l1.529-.19a.34.34 0 0 0-.05-.66M2.16 10.655a.37.37 0 0 0-.33.35c0 .56 3.499.42 4.888.39a3.44 3.44 0 0 0-.49 2.169a46 46 0 0 0-5.897.53a.34.34 0 0 0 0 .48c.18.18.63.09.83.09c1.109 0 3.128.1 5.157.05c2.559-.05 4.838-.3 5.708-.3a.3.3 0 0 0 0-.6c-.33 0-.2 0-.25-.14a3.46 3.46 0 0 0-1-2.619l.71-.06a.3.3 0 0 0 0-.6l-1.08-.06s-8.126.3-8.246.32m8.906 3.059a44 44 0 0 0-3.998-.15c.25-.69.2-.47.28-.74c.119-.476.162-.969.13-1.46c.49 0 .84 0 2.379-.199c.87 1.31.22.83 1.209 2.549"/><path fill="#0c6fff" d="M14.764 3.718a5.6 5.6 0 0 0-.2-2.119c-.11-.33-.75-.33-.75 0q-.18 1.088-.17 2.19c-.889.06-.789.06-3.138.33c0-1.09-.25-2.39-.24-2.45c0-.49-.61-.33-.63 0a40 40 0 0 0 0 7.697c.1.66.58.56.76.09q.073-.623.08-1.25c1 .29 1.92-.09 1.9-.46a.38.38 0 0 0-.39-.32a6.2 6.2 0 0 0-1.47-.12c0-1.169.06-1.309 0-2.488c1.049.12 2.105.15 3.159.09c.06.56.14 1.11.22 1.659a.34.34 0 1 0 .68 0c0-.58.1-1.15.14-1.72c1.069-.13 1.259-.14 1.519-.17c.46-.209.46-.789-.07-.899z"/><path fill="#020202" d="M17.333.93C16.703 0 15.054.09 14.065 0C13.335 0 3.08.11 1.25.43a.71.71 0 0 0-.54.32c-.154.369-.249.76-.28 1.16c-.08.869.17 8.675.45 8.995a.29.29 0 0 0 .42 0c.2-.19-.28-7.646.21-9.376c1.529-.23 9.175-.33 11.314-.41h1.79c.48 0 1.659 0 1.939.4c.42.58.28 4.208.16 7.687a.343.343 0 0 0 .68.09q.21-1.964.18-3.938c.11-1.36.589-3.219-.24-4.428M5.258 16.593c-1.269.1-2.368.5-2.818.43a.304.304 0 1 0-.15.59a13.7 13.7 0 0 0 3.918 0c.26 0 .51-.09.77-.12l1.569-.16a.34.34 0 1 0 0-.68a17.6 17.6 0 0 0-3.289-.06"/><path fill="#020202" d="M23.56 16.703c-.58-2.6-2.998-3.31-5.497-2.08a22.2 22.2 0 0 0-2.599-5.437c-1.2-1.43-2.409-.8-2.639.58c-.31 1.849.74 5.257 1.35 7.236c-1.16-.65-2.91-1.09-3.419 0c-.87 1.99 1.23 3.589 2.779 5.278c.11.11 1.39 1.24 1.889 1.58s.8 0 .63-.34a12 12 0 0 1-2-1.69c-1.349-1.61-3.148-3.109-2.498-4.418c.3-.6 2.878.6 3.148 1.3c.12.31 1.24.56 1-.41s-2.429-7.857-1.58-8.736c.27-.28 1.86 1.999 3.21 5.947a.502.502 0 0 0 .759.25a4.8 4.8 0 0 1 2.159-.8a2.36 2.36 0 0 1 1.999.73c1 1 1 5.098.88 6.237a.341.341 0 1 0 .68.07a21.3 21.3 0 0 0-.25-5.298M3.54 4.738c0 .32.31.61.45.78c.639.77 1.838.79 2.558 1.179c.47.23.74 0 0 .32c-.61.28-2.119.65-2.259 0a.34.34 0 0 0-.4-.26c-.55.1-.33 1.34 1.21 1.42c-.17.34.17 1.259.51 1.259s.72-.89.45-1.32q.434-.06.849-.2c.56-.18 1-.38 1.13-.93c.13-.549-.4-.989-.95-1.299s-1.95-.55-2.29-.91c0 0-.14-.229-.22-.239c.2-.62 2-.86 2.09-.57a.302.302 0 1 0 .58-.17c-.11-.45-.69-.63-1.15-.67a1 1 0 0 0-.52-1.259a.88.88 0 0 0-.31 1.31c-.889.18-1.739.66-1.729 1.559"/></g></svg>
Cara memakai ikon Modern Payment Self Checkout Touch
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:modern-payment-self-checkout-touch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:modern-payment-self-checkout-touch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:modern-payment-self-checkout-touch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--modern-payment-self-checkout-touch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:modern-payment-self-checkout-touch"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:modern-payment-self-checkout-touch"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/modern-payment-self-checkout-touch.svg" alt="Ikon Modern Payment Self Checkout Touch" width="24" height="24">
Ikon terkait di Freehand color icons
Ikon Modern Payment Self Checkout Touch di set ikon lain
FAQ Ikon Modern Payment Self Checkout Touch
Apakah ikon Modern Payment Self Checkout Touch gratis untuk penggunaan komersial?
Ya. Freehand color 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 Modern Payment Self Checkout Touch di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:modern-payment-self-checkout-touch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Modern Payment Self Checkout Touch ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/modern-payment-self-checkout-touch.svg" alt="Ikon Modern Payment Self Checkout Touch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Freehand color icons →
ICONYZ
