ICONYZ
Español
Icono Invert de Ligature Symbols

Icono Invert

ls:invert

El icono Invert (ls:invert) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 768 × 646. 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
768 × 646
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="646" viewBox="0 0 768 646"><path fill="currentColor" d="M0 48h768v598H0zm384 547v-71l177-177l-177-177V99H51v496zm0-71L207 347l177-177z"/></svg>

Cómo usar el icono Invert

React

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

<Icon icon="ls:invert" width="24" />

Vue

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

<template>
  <Icon icon="ls:invert" width="24" />
</template>

Svelte

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

<Icon icon="ls:invert" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--invert]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:invert"></div>

Web component

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

<iconify-icon icon="ls:invert"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/invert.svg" alt="Icono Invert" width="24" height="24">

El icono Invert en otras colecciones

Preguntas frecuentes sobre Icono Invert

¿El icono Invert 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 Invert en React?

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

¿Cómo añado el icono Invert a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/invert.svg" alt="Icono Invert">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Ligature Symbols →