Ikon System Interface

tdesign:system-interface

Ikon System Interface (tdesign:system-interface) adalah ikon SVG gratis dari set TDesign Icons karya TDesign. Ikon ini digambar pada grid 24 × 24. TDesign 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: TDesign Icons
Pembuat: TDesign
Lisensi: MIT
Ukuran: 24 × 24
Tag: systeminterface

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M3 21h18V8H3zM21 3H3v5h18z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M3 8h18M3 8v13h18V8M3 8V3h18v5"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M7.004 12v.004H7V12zm4 0v.004H11V12zm4 0v.004H15V12z"/></g></svg>

Cara memakai ikon System Interface

React

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

<Icon icon="tdesign:system-interface" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:system-interface" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:system-interface" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--system-interface]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:system-interface"></div>

Web component

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

<iconify-icon icon="tdesign:system-interface"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/tdesign/system-interface.svg" alt="Ikon System Interface" width="24" height="24">

Ikon terkait di TDesign Icons

FAQ Ikon System Interface

Apakah ikon System Interface gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon System Interface di React?

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

Bagaimana cara menambahkan ikon System Interface ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/tdesign/system-interface.svg" alt="Ikon System Interface">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua TDesign Icons →