ICONYZ
Español
Icono Surface Left Outline de Lsicon

Icono Surface Left Outline

lsicon:surface-left-outline

El icono Surface Left Outline (lsicon:surface-left-outline) es un icono SVG gratuito de la colección Lsicon de Wis Design. Está dibujado en una cuadrícula de 24 × 24. Lsicon 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
Lsicon
Autor
Wis Design
Licencia
MIT
Tamaño
24 × 24
Categoría
Control
Etiquetas
surfaceleft, leftoutline, surfaceleftoutline
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" d="m8 14.5l-6.5-3V11M8 14.5l6.5-3v-7M8 14.5v-1m6.5-9L8 1.5l-6.5 3m13 0L8 7.5m-6.5-3l6.5 3m-6.5-3V5M8 7.5V8m0 0L1.5 5M8 8v.5M1.5 5v1m0 0L8 8.5M1.5 6v.5m6.5 2v1m0 0l-6.5-3m6.5 3v1m-6.5-4v1m0 0l6.5 3m-6.5-3v1m6.5 2v.5m0 0L1.5 8.5M8 11v.5m-6.5-3V9m0 0L8 11.5M1.5 9v1M8 11.5v.5m0 0l-6.5-2M8 12v.5M1.5 10v.5m0 0l6.5 2m-6.5-2v.5M8 12.5v1m0 0L1.5 11"/></svg>

Cómo usar el icono Surface Left Outline

React

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

<Icon icon="lsicon:surface-left-outline" width="24" />

Vue

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

<template>
  <Icon icon="lsicon:surface-left-outline" width="24" />
</template>

Svelte

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

<Icon icon="lsicon:surface-left-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lsicon--surface-left-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lsicon -->
<div class="i-lsicon:surface-left-outline"></div>

Web component

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

<iconify-icon icon="lsicon:surface-left-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lsicon/surface-left-outline.svg" alt="Icono Surface Left Outline" width="24" height="24">

Iconos relacionados en Lsicon

Preguntas frecuentes sobre Icono Surface Left Outline

¿El icono Surface Left Outline es gratis para uso comercial?

Sí. Lsicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Surface Left Outline en React?

Instala @iconify/react y renderiza <Icon icon="lsicon:surface-left-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Surface Left Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lsicon/surface-left-outline.svg" alt="Icono Surface Left Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Lsicon →