ICONYZ
Bahasa Indonesia
Ikon Expand Lines dari Iconoir

Ikon Expand Lines

iconoir:expand-lines

Ikon Expand Lines (iconoir:expand-lines) adalah ikon SVG gratis dari set Iconoir karya Luca Burgio. Ikon ini digambar pada grid 24 × 24. Iconoir 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
Iconoir
Pembuat
Luca Burgio
Lisensi
MIT
Ukuran
24 × 24
Kategori
Editor
Tag
expandlines, line
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="1.5" d="M18 2H6m12 20H6m6-8v5m0 0l3-3m-3 3l-3-3m3-6V5m0 0l3 3m-3-3L9 8"/></svg>

Cara memakai ikon Expand Lines

React

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

<Icon icon="iconoir:expand-lines" width="24" />

Vue

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

<template>
  <Icon icon="iconoir:expand-lines" width="24" />
</template>

Svelte

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

<Icon icon="iconoir:expand-lines" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoir--expand-lines]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/iconoir -->
<div class="i-iconoir:expand-lines"></div>

Web component

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

<iconify-icon icon="iconoir:expand-lines"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/iconoir/expand-lines.svg" alt="Ikon Expand Lines" width="24" height="24">

Ikon terkait di Iconoir

FAQ Ikon Expand Lines

Apakah ikon Expand Lines gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Expand Lines di React?

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

Bagaimana cara menambahkan ikon Expand Lines ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/iconoir/expand-lines.svg" alt="Ikon Expand Lines">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Iconoir →