Icono Qrcode

whh:qrcode

El icono Qrcode (whh:qrcode) 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

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M991.998 896q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5m0-256q-13 0-22.5-9.5t-9.5-22.5v-64q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v64q0 13-9.5 22.5t-22.5 9.5m0-256h-32v32q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5v-32h-128v32q0 13-9.5 22.5t-22.5 9.5h-32v32q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5V256h-96q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5h96V64h-64v32q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5V32q0-13 9.5-22.5t22.5-9.5h448q13 0 22.5 9.5t9.5 22.5v320q0 13-9.5 22.5t-22.5 9.5m-32-288q0-13-9.5-22.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5zm-96 160h-64q-13 0-22.5-9.5t-9.5-22.5v-64q0-13 9.5-22.5t22.5-9.5h64q13 0 22.5 9.5t9.5 22.5v64q0 13-9.5 22.5t-22.5 9.5m-352 64h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-96v32q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5v-32h-192v64h64v-32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v96h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-64q-13 0-22.5-9.5t-9.5-22.5v-32h-96q-13 0-22.5-8.5t-9.5-20.5v-99h-64v35q0 12-9.5 20.5t-22.5 8.5t-22.5-8.5t-9.5-20.5v-60q0-2 1-4q0-1-.5-1.5t-.5-1.5V32q0-13 9.5-22.5t22.5-9.5h320q13 0 22.5 9.5t9.5 22.5v32h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-32v64h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-32v64h64v-32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5zm-192-224q0-13-9.5-22.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 22.5v192q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5zm-96 160h-64q-13 0-22.5-9.5t-9.5-22.5v-64q0-13 9.5-22.5t22.5-9.5h64q13 0 22.5 9.5t9.5 22.5v64q0 13-9.5 22.5t-22.5 9.5m-192 256q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5m448 64q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5m64-128q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5m224 32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5m-736 160h96v-32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v32h160q13 0 22.5 9.5t9.5 22.5v-64q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v64h128v-64q0-13 9.5-22.5t22.5-9.5h224v-32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v160h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-32v96q0 13-9.5 22.5t-22.5 9.5h-96v96q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5v-96h-64v32q0 13-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5v-32h-32q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5h32v-96h-192v160h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-32v32q0 13-9.5 22.5t-22.5 9.5h-320q-13 0-22.5-9.5t-9.5-22.5V672q0-13 9.5-22.5t22.5-9.5m640 192h128q13 0 22.5-9.5t9.5-22.5V672q0-13-9.5-22.5t-22.5-9.5h-128q-13 0-22.5 9.5t-9.5 22.5v128q0 13 9.5 22.5t22.5 9.5m-608 96q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5V736q0-13-9.5-22.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 22.5zm96-160h64q13 0 22.5 9.5t9.5 22.5v64q0 13-9.5 22.5t-22.5 9.5h-64q-13 0-22.5-9.5t-9.5-22.5v-64q0-13 9.5-22.5t22.5-9.5m576-64q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5m-256 64q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5m64 192q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5t-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5m320 0h32v-32q0-13 9.5-22.5t22.5-9.5t22.5 9.5t9.5 22.5v32h32q13 0 22.5 9.5t9.5 22.5t-9.5 22.5t-22.5 9.5h-128q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5"/></svg>

Cómo usar el icono Qrcode

React

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

<Icon icon="whh:qrcode" width="24" />

Vue

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

<template>
  <Icon icon="whh:qrcode" width="24" />
</template>

Svelte

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

<Icon icon="whh:qrcode" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:qrcode"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/whh/qrcode.svg" alt="Icono Qrcode" width="24" height="24">

El icono Qrcode en otras colecciones

Preguntas frecuentes sobre Icono Qrcode

¿El icono Qrcode 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 Qrcode en React?

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

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

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

Ver todos los Iconos WebHostingHub Glyphs →