Icono Metro
whh:metro
El icono Metro (whh:metro) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1025 × 1025. 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
- 1025 × 1025
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="M961.005 897h-896q-26 0-45-19t-19-45V198q-3-36 31-62l150-112q34-26 83-23h495q49-3 84 23l150 112q25 19 29 46q2 4 2 11v640q0 26-19 45t-45 19m-192-128h64q27 0 45.5-19t18.5-45.5t-18.5-45t-45.5-18.5h-64q-26 0-45 18.5t-19 45t19 45.5t45 19m-576 0h64q27 0 45.5-19t18.5-45.5t-18.5-45t-45.5-18.5h-64q-26 0-45 18.5t-19 45t19 45.5t45 19m704-512q-4-12-24-27l-112-84q-24-18-59-17h-378q-35-1-59 17l-113 84q-14 11-20 27h-3v192q0 26 19 45t45 19h640q27 0 45.5-19t18.5-45l1-192zm-704 640h64q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19h-64q-26 0-45-19t-19-45.5t19-45t45-18.5m576 0h64q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19h-64q-26 0-45-19t-19-45.5t19-45t45-18.5"/></svg>
Cómo usar el icono Metro
React
import { Icon } from "@iconify/react";
<Icon icon="whh:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:metro"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:metro"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/metro.svg" alt="Icono Metro" width="24" height="24">
Iconos relacionados en WebHostingHub Glyphs
El icono Metro en otras colecciones
Preguntas frecuentes sobre Icono Metro
¿El icono Metro 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 Metro en React?
Instala @iconify/react y renderiza <Icon icon="whh:metro" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Metro a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/metro.svg" alt="Icono Metro">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
