ICONYZ
Español
Icono Weight de Line Awesome

Icono Weight

la:weight

El icono Weight (la:weight) es un icono SVG gratuito de la colección Line Awesome de Icons8. Está dibujado en una cuadrícula de 32 × 32. Line Awesome icons 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
Line Awesome
Autor
Icons8
Licencia
Apache-2.0
Tamaño
32 × 32
Categoría
Objetos
Etiquetas
weight solid
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6v20h24V6zm2 2h20v16H6zm10 2c-4.332 0-7.563 2.156-7.563 2.156l-.78.531l.5.813l3 5l.28.5h9.126l.28-.5l3-5l.5-.813l-.78-.53S20.331 10 16 10m0 2c2.824 0 4.688.906 5.594 1.406L19.469 17h-1.844l1.281-2.563l-1.812-.874L15.375 17h-2.844l-2.125-3.594C11.312 12.906 13.176 12 16 12"/></svg>

Cómo usar el icono Weight

React

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

<Icon icon="la:weight" width="24" />

Vue

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

<template>
  <Icon icon="la:weight" width="24" />
</template>

Svelte

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

<Icon icon="la:weight" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="la:weight"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/la/weight.svg" alt="Icono Weight" width="24" height="24">

Iconos relacionados en Line Awesome

El icono Weight en otras colecciones

Preguntas frecuentes sobre Icono Weight

¿El icono Weight es gratis para uso comercial?

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

¿Cómo uso el icono Weight en React?

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

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

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

Ver todos los Iconos Line Awesome →