ICONYZ
Türkçe
Keyline Icons setinden Pen Line ikonu

Pen Line ikonu

keyline-icons:pen-line

Pen Line ikonu (keyline-icons:pen-line), 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
penline
SVG indir

SVG kodu

<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="M21.0237 7.6904L9.8567 18.8573L2 22L5.1427 14.1433L16.3096 2.9763C16.9348 2.3512 17.7826 2 18.6667 2C19.5507 2 20.3986 2.3512 21.0237 2.9763C21.6488 3.6014 22 4.4493 22 5.3333C22 6.2174 21.6488 7.0652 21.0237 7.6904ZM15.0638 4.2222L19.7778 8.9362M13.1111 22L22 22"/></svg>

Pen Line ikonu nasıl kullanılır

React

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

<Icon icon="keyline-icons:pen-line" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:pen-line" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:pen-line" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pen-line"></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:pen-line"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/keyline-icons/pen-line.svg" alt="Pen Line ikonu" width="24" height="24">

Keyline Icons setindeki benzer ikonlar

pen ikonu
pen
 pen-duotone ikonu
pen-duotone
 pen-fill ikonu
pen-fill
 pen-line-duotone ikonu
pen-line-duotone
 pen-line-fill ikonu
pen-line-fill
 pen-line-sharp ikonu
pen-line-sharp
 pen-line-sharp-duotone ikonu
pen-line-sharp-duotone
 pen-line-sharp-fill ikonu
pen-line-sharp-fill
 pen-line-sharp-two-tone ikonu
pen-line-sharp-two-tone
 pen-line-two-tone ikonu
pen-line-two-tone
 pen-off ikonu
pen-off
 pen-off-duotone ikonu
pen-off-duotone
 pen-off-fill ikonu
pen-off-fill
 pen-off-sharp ikonu
pen-off-sharp
 pen-off-sharp-duotone ikonu
pen-off-sharp-duotone
 pen-off-sharp-fill ikonu
pen-off-sharp-fill
 pen-off-sharp-two-tone ikonu
pen-off-sharp-two-tone
 pen-off-two-tone ikonu
pen-off-two-tone
 pen-sharp ikonu
pen-sharp
 pen-sharp-duotone ikonu
pen-sharp-duotone
 pen-sharp-fill ikonu
pen-sharp-fill
 pen-sharp-two-tone ikonu
pen-sharp-two-tone
 pen-sparkles ikonu
pen-sparkles
 pen-sparkles-duotone ikonu
pen-sparkles-duotone

Diğer ikon setlerinde Pen Line ikonu

Lucide setinden Pen Line ikonu
Lucide
 Huge Icons setinden Pen Line ikonu
Huge Icons
 MingCute Icon setinden Pen Line ikonu
MingCute Icon
 Reicon setinden Pen Line ikonu
Reicon

Pen Line ikonu: sık sorulan sorular

Pen Line 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.

Pen Line ikonunu React'te nasıl kullanırım?

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

Pen Line 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/pen-line.svg" alt="Pen Line 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 →