Ikon Cursor Dashed Panel Duotone

keyline-icons:cursor-dashed-panel-duotone

Ikon Cursor Dashed Panel Duotone (keyline-icons:cursor-dashed-panel-duotone) 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: cursordashed, dashedpanel, panelduotone, cursordashedpanelduotone

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M3 6C3 4.3431 4.3431 3 6 3M10 3H13M20 7V6C20 4.3431 18.6569 3 17 3M7 20H6C4.3431 20 3 18.6569 3 17M3 10V13"/><path fill="currentColor" d="M9.8773 11.7134C9.52211 10.5973 10.5424 9.5609 11.639 9.84133L11.7455 9.87258L20.9935 12.9536C22.2825 13.3841 22.3515 15.1843 21.0931 15.7066L17.3929 17.2407L15.5599 21.1538C14.9921 22.3641 13.2309 22.251 12.8246 20.9751L9.8773 11.7134Z" stroke="none"/></g></svg>

Cara memakai ikon Cursor Dashed Panel Duotone

React

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

<Icon icon="keyline-icons:cursor-dashed-panel-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:cursor-dashed-panel-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:cursor-dashed-panel-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:cursor-dashed-panel-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-dashed-panel-duotone.svg" alt="Ikon Cursor Dashed Panel Duotone" width="24" height="24">

Ikon terkait di Keyline Icons

FAQ Ikon Cursor Dashed Panel Duotone

Apakah ikon Cursor Dashed Panel Duotone gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Cursor Dashed Panel Duotone di React?

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

Bagaimana cara menambahkan ikon Cursor Dashed Panel Duotone ke halaman web?

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

Lihat semua Keyline Icons →