ICONYZ
Bahasa Indonesia
Ikon Suitcase Line dari Element Plus

Ikon Suitcase Line

ep:suitcase-line

Ikon Suitcase Line (ep:suitcase-line) adalah ikon SVG gratis dari set Element Plus. Ikon ini digambar pada grid 1024 × 1024. Element Plus 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
Element Plus
Pembuat
Element Plus
Lisensi
MIT
Ukuran
1024 × 1024
Tag
suitcaseline
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M922.5 229.5A126 126 0 0 0 832 192H704v-64a65 65 0 0 0-64-64H384a65 65 0 0 0-64 64v64H192q-54 1-90.5 37.5C65 266 64.7 284 64 320v448q1 54 37.5 90.5C138 895 156 895.3 192 896h640q54-1 90.5-37.5C959 822 959.3 804 960 768V320q-1-54-37.5-90.5M384 128h256v64H384zM256 832h-64a65 65 0 0 1-64-64V448h128zm448 0H320V448h384zm192-64a65 65 0 0 1-64 64h-64V448h128zm0-384H128v-64a65 65 0 0 1 64-64h640a65 65 0 0 1 64 64z"/></svg>

Cara memakai ikon Suitcase Line

React

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

<Icon icon="ep:suitcase-line" width="24" />

Vue

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

<template>
  <Icon icon="ep:suitcase-line" width="24" />
</template>

Svelte

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

<Icon icon="ep:suitcase-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--suitcase-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:suitcase-line"></div>

Web component

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

<iconify-icon icon="ep:suitcase-line"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/suitcase-line.svg" alt="Ikon Suitcase Line" width="24" height="24">

Ikon terkait di Element Plus

Ikon Suitcase Line di set ikon lain

FAQ Ikon Suitcase Line

Apakah ikon Suitcase Line gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Suitcase Line di React?

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

Bagaimana cara menambahkan ikon Suitcase Line ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ep/suitcase-line.svg" alt="Ikon Suitcase Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Element Plus →