Text Field Focus Linear ikonu

solar:text-field-focus-linear

Text Field Focus Linear ikonu (solar:text-field-focus-linear), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Metin biçimlendirme
Etiketler: textfield, fieldfocus, focuslinear, textfieldfocuslinear

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-width="1.5"><path stroke-linejoin="round" d="M9 8.5H7.925C7.05492 8.5 6.61989 8.5 6.33575 8.75249C6.30638 8.77858 6.27858 8.80638 6.25249 8.83575C6 9.11989 6 9.55492 6 10.425M9 8.5H10.075C10.9451 8.5 11.3801 8.5 11.6643 8.75249C11.6936 8.77858 11.7214 8.80638 11.7475 8.83575C12 9.11989 12 9.55492 12 10.425M9 8.5V15.5M7 15.5H11"/><path d="M12 4H10C6.22876 4 4.34315 4 3.17157 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.17157 18.8284C4.34315 20 6.22876 20 10 20H12M15 4.00093C18.1143 4.01004 19.7653 4.10848 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.7653 19.8915 18.1143 19.99 15 19.9991"/><path d="M15 2V22"/></g></svg>

Text Field Focus Linear ikonu nasıl kullanılır

React

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

<Icon icon="solar:text-field-focus-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:text-field-focus-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:text-field-focus-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--text-field-focus-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-field-focus-linear"></div>

Web bileşeni

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

<iconify-icon icon="solar:text-field-focus-linear"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/text-field-focus-linear.svg" alt="Text Field Focus Linear ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Text Field Focus Linear ikonu: sık sorulan sorular

Text Field Focus Linear ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Text Field Focus Linear ikonunu React'te nasıl kullanırım?

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

Text Field Focus Linear 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/solar/text-field-focus-linear.svg" alt="Text Field Focus Linear ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Solar ikonları →