Ikon Square Dashed Text

lucide:square-dashed-text

Ikon Square Dashed Text (lucide:square-dashed-text) adalah ikon SVG gratis dari set Lucide karya Lucide Contributors. Ikon ini digambar pada grid 24 × 24. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Lucide
Pembuat: Lucide Contributors
Lisensi: ISC
Ukuran: 24 × 24
Tag: find, search, selection, dashed, squaredashed, dashedtext, squaredashedtext, text selection, text select

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="M14 21h1M14 3h1m4 0a2 2 0 0 1 2 2m0 9v1m0 4a2 2 0 0 1-2 2m2-12v1M3 14v1m0-6v1m2 11a2 2 0 0 1-2-2M5 3a2 2 0 0 0-2 2m4 7h10M7 16h6M7 8h8M9 21h1M9 3h1"/></svg>

Cara memakai ikon Square Dashed Text

React

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

<Icon icon="lucide:square-dashed-text" width="24" />

Vue

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

<template>
  <Icon icon="lucide:square-dashed-text" width="24" />
</template>

Svelte

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

<Icon icon="lucide:square-dashed-text" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide--square-dashed-text]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide -->
<div class="i-lucide:square-dashed-text"></div>

Web component

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

<iconify-icon icon="lucide:square-dashed-text"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/lucide/square-dashed-text.svg" alt="Ikon Square Dashed Text" width="24" height="24">

Ikon terkait di Lucide

Ikon Square Dashed Text di set ikon lain

FAQ Ikon Square Dashed Text

Apakah ikon Square Dashed Text gratis untuk penggunaan komersial?

Ya. Lucide icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Square Dashed Text di React?

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

Bagaimana cara menambahkan ikon Square Dashed Text ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide/square-dashed-text.svg" alt="Ikon Square Dashed Text">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Lucide →