Icono Suitcase Line
ep:suitcase-line
El icono Suitcase Line (ep:suitcase-line) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Element Plus
- Autor
- Element Plus
- Licencia
- MIT
- Tamaño
- 1024 × 1024
- Etiquetas
- suitcaseline
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ep/suitcase-line.svg" alt="Icono Suitcase Line" width="24" height="24">Iconos relacionados en Element Plus
El icono Suitcase Line en otras colecciones
Preguntas frecuentes sobre Icono Suitcase Line
¿El icono Suitcase Line es gratis para uso comercial?
Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Suitcase Line en React?
Instala @iconify/react y renderiza <Icon icon="ep:suitcase-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Suitcase Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/suitcase-line.svg" alt="Icono Suitcase Line">, o pega el código SVG en línea para darle estilo con CSS.