Icono Weight
whh:weight
El icono Weight (whh:weight) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1024. WebHostingHub Glyphs 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M942 1024H82q-31 0-50-13T6.5 978.5t-6-45t5.5-47T18 844l90-490q14-47 55-72.5t89-25.5h80q-12-33-12-64q0-80 56-136T512 0t136 56t56 136q0 31-12 64h80q48 0 89 25.5t55 72.5l90 490q7 21 12 42.5t5.5 47t-6 45T992 1011t-50 13M512 128q-27 0-45.5 18.5t-18.5 45t18.5 45.5t45.5 19t45.5-19t18.5-45.5t-18.5-45T512 128m96 640h-32q-24 0-44-21t-20-43v-64h32q13 0 22.5-9.5T576 608t-9.5-22.5T544 576h-32v-96q0-13-9.5-22.5T480 448t-22.5 9.5T448 480v96h-32q-13 0-22.5 9.5T384 608t9.5 22.5T416 640h32v64q0 48 40 88t88 40h32q13 0 22.5-9.5T640 800t-9.5-22.5T608 768"/></svg>
Cómo usar el icono Weight
React
import { Icon } from "@iconify/react";
<Icon icon="whh:weight" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:weight" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:weight" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--weight]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:weight"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:weight"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/weight.svg" alt="Icono Weight" width="24" height="24">
Iconos relacionados en WebHostingHub Glyphs
El icono Weight en otras colecciones
Preguntas frecuentes sobre Icono Weight
¿El icono Weight es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Weight en React?
Instala @iconify/react y renderiza <Icon icon="whh: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/whh/weight.svg" alt="Icono Weight">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
