Ikon Finger Swipe Right

boxicons:finger-swipe-right

Ikon Finger Swipe Right (boxicons:finger-swipe-right) adalah ikon SVG gratis dari set Boxicons. Ikon ini digambar pada grid 24 × 24. Boxicons 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: Boxicons
Pembuat: Boxicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: fingerswipe, swiperight, fingerswiperight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 6.04A2.998 2.998 0 0 0 9 9v5.85l-.68-.33c-.94-.46-2.02-.4-2.91.15S4 16.17 4 17.22v.16c0 .41.2.79.53 1.02l4.89 3.43c.17.12.37.18.57.18h10c.55 0 1-.45 1-1v-5.69c0-1.24-.93-2.31-2.16-2.48l-3.84-.53v-3.2c0-1.52-1.08-2.83-2.5-3.07Zm6.07 8.77c.25.03.43.25.43.5V20h-8.68l-4.29-3.01c.08-.36.33-.56.45-.63c.14-.09.52-.27.97-.05l2.12 1.04a1 1 0 0 0 1.44-.9V9c0-.29.13-.57.35-.76c.23-.19.52-.27.82-.22c.46.08.82.55.82 1.09v4.07c0 .5.37.92.86.99l4.7.65Z"/><path fill="currentColor" d="M11.5 2C6.26 2 2 5.59 2 10h2c0-3.31 3.36-6 7.5-6c3.4 0 6.28 1.82 7.19 4.31L17 10h5V5l-1.8 1.8C18.73 3.98 15.39 2 11.5 2"/></svg>

Cara memakai ikon Finger Swipe Right

React

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

<Icon icon="boxicons:finger-swipe-right" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:finger-swipe-right" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:finger-swipe-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--finger-swipe-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:finger-swipe-right"></div>

Web component

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

<iconify-icon icon="boxicons:finger-swipe-right"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/boxicons/finger-swipe-right.svg" alt="Ikon Finger Swipe Right" width="24" height="24">

Ikon terkait di Boxicons

FAQ Ikon Finger Swipe Right

Apakah ikon Finger Swipe Right gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Finger Swipe Right di React?

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

Bagaimana cara menambahkan ikon Finger Swipe Right ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/boxicons/finger-swipe-right.svg" alt="Ikon Finger Swipe Right">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Boxicons →