Icono Labels
zmdi:labels
El icono Labels (zmdi:labels) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 448 × 408. Material Design Iconic Font 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
- Material Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 448 × 408
- Etiquetas
- label
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="408" viewBox="0 0 448 408"><path fill="currentColor" d="M26 363q-16-7-22.5-23T3 308l52-125v192zm416-79q7 16 0 32.5T419 340l-157 65q-8 3-16 3q-29 0-39-26L101 126q-4-8-3-17q0-28 26-38L281 6q8-3 17-3q28 0 39 26zM140.5 131q8.5 0 15-6.5t6.5-15t-6.5-15t-15-6.5t-15 6.5t-6.5 15t6.5 15t15 6.5M98 365V230l73 178h-31q-17 0-29.5-12.5T98 365"/></svg>Cómo usar el icono Labels
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:labels" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:labels" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:labels" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--labels]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:labels"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:labels"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/labels.svg" alt="Icono Labels" width="24" height="24">El icono Labels en otras colecciones
Preguntas frecuentes sobre Icono Labels
¿El icono Labels es gratis para uso comercial?
Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Labels en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:labels" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Labels a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/labels.svg" alt="Icono Labels">, o pega el código SVG en línea para darle estilo con CSS.