Icono Vertical
ls:vertical
El icono Vertical (ls:vertical) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 691. Ligature Symbols icons se publican bajo la Open Font License, 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
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 717 × 691
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="691" viewBox="0 0 717 691"><path fill="currentColor" d="M68 3h237c37 0 68 30 68 68v551c0 38-31 69-68 69H68c-37 0-68-31-68-69V71C0 33 31 3 68 3m597 279h-52c3-35-7-69-34-96c-20-20-47-33-75-35v69l-100-96l100-92v68c41 2 79 19 110 50c37 36 54 85 51 132M44 556h286V133H44zm368-239h237c37 0 68 31 68 69v236c0 38-31 69-68 69H388c10-12 18-28 22-44h178V361H412zM186 650c20 0 37-18 37-38s-17-37-37-37s-36 17-36 37s16 38 36 38"/></svg>Cómo usar el icono Vertical
React
import { Icon } from "@iconify/react";
<Icon icon="ls:vertical" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:vertical" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:vertical" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--vertical]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:vertical"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:vertical"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/vertical.svg" alt="Icono Vertical" width="24" height="24">El icono Vertical en otras colecciones
Preguntas frecuentes sobre Icono Vertical
¿El icono Vertical es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Vertical en React?
Instala @iconify/react y renderiza <Icon icon="ls:vertical" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Vertical a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/vertical.svg" alt="Icono Vertical">, o pega el código SVG en línea para darle estilo con CSS.