Cursor Dashed Panel Duotone ikonu

keyline-icons:cursor-dashed-panel-duotone

Cursor Dashed Panel Duotone ikonu (keyline-icons:cursor-dashed-panel-duotone), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Keyline Icons
Yazar: Keyline Icons
Lisans: MIT
Boyut: 24 × 24
Etiketler: cursordashed, dashedpanel, panelduotone, cursordashedpanelduotone

SVG indir

SVG kodu

<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>

Cursor Dashed Panel Duotone ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

Cursor Dashed Panel Duotone ikonu: sık sorulan sorular

Cursor Dashed Panel Duotone ikonu ticari kullanım için ücretsiz mi?

Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Cursor Dashed Panel Duotone ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="keyline-icons:cursor-dashed-panel-duotone" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Cursor Dashed Panel Duotone ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-dashed-panel-duotone.svg" alt="Cursor Dashed Panel Duotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →