ICONYZ
Bahasa Indonesia
Ikon Tabs dari Ligature Symbols

Ikon Tabs

ls:tabs

Ikon Tabs (ls:tabs) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 717 × 669. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Ligature Symbols
Pembuat
Kazuyuki Motoyama
Lisensi
OFL-1.1
Ukuran
717 × 669
Tag
tab
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="669" viewBox="0 0 717 669"><path fill="currentColor" d="M430 96H108c-19 0-36 17-36 36v286c0 19 17 36 36 36h35v72h-35C49 526 0 477 0 418V132C0 73 49 24 108 24h322c59 0 108 49 108 108h-72c0-19-17-36-36-36m-143 72h322c59 0 108 48 108 107v287c0 59-49 107-108 107H287c-59 0-108-48-108-107V275c0-59 49-107 108-107m0 430h322c19 0 36-17 36-36V275c0-19-17-36-36-36H287c-19 0-36 17-36 36v287c0 19 17 36 36 36"/></svg>

Cara memakai ikon Tabs

React

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

<Icon icon="ls:tabs" width="24" />

Vue

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

<template>
  <Icon icon="ls:tabs" width="24" />
</template>

Svelte

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

<Icon icon="ls:tabs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--tabs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:tabs"></div>

Web component

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

<iconify-icon icon="ls:tabs"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ls/tabs.svg" alt="Ikon Tabs" width="24" height="24">

Ikon Tabs di set ikon lain

FAQ Ikon Tabs

Apakah ikon Tabs gratis untuk penggunaan komersial?

Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Tabs di React?

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

Bagaimana cara menambahkan ikon Tabs ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/tabs.svg" alt="Ikon Tabs">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Ligature Symbols →