Ikon Qrcode

whh:qrcode

Ikon Qrcode (whh:qrcode) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: WebHostingHub Glyphs
Pembuat: WebHostingHub
Lisensi: OFL-1.1
Ukuran: 1024 × 1024

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

Ikon Qrcode di set ikon lain

FAQ Ikon Qrcode

Apakah ikon Qrcode gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Qrcode di React?

Pasang @iconify/react lalu render <Icon icon="whh:qrcode" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Qrcode ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/qrcode.svg" alt="Ikon Qrcode">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →