ICONYZ
Español
Icono Invoice de Unicons

Icono Invoice

uil:invoice

El icono Invoice (uil:invoice) es un icono SVG gratuito de la colección Unicons de Iconscout. Está dibujado en una cuadrícula de 24 × 24. Unicons se publican bajo la licencia Apache 2.0, 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
Unicons
Autor
Iconscout
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Negocios
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 16H7a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2m-4-6h2a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2m12 2h-3V3a1 1 0 0 0-.5-.87a1 1 0 0 0-1 0l-3 1.72l-3-1.72a1 1 0 0 0-1 0l-3 1.72l-3-1.72a1 1 0 0 0-1 0A1 1 0 0 0 2 3v16a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1V4.73l2 1.14a1.08 1.08 0 0 0 1 0l3-1.72l3 1.72a1.08 1.08 0 0 0 1 0l2-1.14V19a3 3 0 0 0 .18 1Zm15-1a1 1 0 0 1-2 0v-5h2Zm-7-7H7a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2"/></svg>

Cómo usar el icono Invoice

React

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

<Icon icon="uil:invoice" width="24" />

Vue

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

<template>
  <Icon icon="uil:invoice" width="24" />
</template>

Svelte

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

<Icon icon="uil:invoice" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="uil:invoice"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/uil/invoice.svg" alt="Icono Invoice" width="24" height="24">

El icono Invoice en otras colecciones

Icono Invoice de Material Design Icons
Material Design Icons
 Icono Invoice de Tabler Icons
Tabler Icons
 Icono Invoice de Phosphor
Phosphor
 Icono Invoice de Griddy Icons
Griddy Icons
 Icono Invoice de Huge Icons
Huge Icons
 Icono Invoice de IconOven
IconOven
 Icono Invoice de IconaMoon
IconaMoon
 Icono Invoice de Nimbus
Nimbus
 Icono Invoice de Pixelarticons
Pixelarticons
 Icono Invoice de Reicon
Reicon
 Icono Invoice de Stash Icons
Stash Icons
 Icono Invoice de Vaadin Icons
Vaadin Icons

Preguntas frecuentes sobre Icono Invoice

¿El icono Invoice es gratis para uso comercial?

Sí. Unicons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Invoice en React?

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

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

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

Ver todos los Unicons →