Ikon Input Cursor

keyline-icons:input-cursor

Ikon Input Cursor (keyline-icons:input-cursor) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24
Tag: inputcursor

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7L4 7C2.8954 7 2 7.8954 2 9L2 15C2 16.1046 2.8954 17 4 17L12 17M6 11L6 13M17.7728 16.8371L16.0114 11.3046C15.9534 11.1226 16.1272 10.9519 16.3089 11.0124L21.8399 12.8539C22.0454 12.9223 22.0557 13.2081 21.8557 13.2911L19.4925 14.2715C19.4385 14.2939 19.3949 14.3355 19.3702 14.3882L18.2085 16.8653C18.118 17.058 17.8374 17.0398 17.7728 16.8371Z"/></svg>

Cara memakai ikon Input Cursor

React

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

<Icon icon="keyline-icons:input-cursor" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:input-cursor" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:input-cursor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--input-cursor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:input-cursor"></div>

Web component

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

<iconify-icon icon="keyline-icons:input-cursor"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/input-cursor.svg" alt="Ikon Input Cursor" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon Input Cursor di set ikon lain

FAQ Ikon Input Cursor

Apakah ikon Input Cursor gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Input Cursor di React?

Pasang @iconify/react lalu render <Icon icon="keyline-icons:input-cursor" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Input Cursor ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/input-cursor.svg" alt="Ikon Input Cursor">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →