Qrcode ikonu

whh:qrcode

Qrcode ikonu (whh:qrcode), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 1024 × 1024 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: WebHostingHub Glyphs
Yazar: WebHostingHub
Lisans: OFL-1.1
Boyut: 1024 × 1024

SVG indir

SVG kodu

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

Qrcode ikonu nasıl kullanılır

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 bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Qrcode ikonu

Qrcode ikonu: sık sorulan sorular

Qrcode ikonu ticari kullanım için ücretsiz mi?

Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Qrcode ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="whh:qrcode" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Qrcode ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/whh/qrcode.svg" alt="Qrcode ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: WebHostingHub Glyphs ikonları →