Ikon Qr Code
pixelarticons:qr-code
Ikon Qr Code (pixelarticons:qr-code) adalah ikon SVG gratis dari set Pixelarticons karya Gerrit Halfmann. Ikon ini digambar pada grid 24 × 24. Pixelarticons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Pixelarticons
- Pembuat
- Gerrit Halfmann
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- qrcode
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 22H4v-2h3zm6 0h-2v-3h2zm4 0h-2v-5h2zm5 0h-2v-2h2zM4 20H2v-3h2zm5 0H7v-3h2zm-2-3H4v-2h3zm6 0h-2v-2h2zm9 0h-5v-2h5zM4 13H2v-2h2zm7 0H6v-2h5zm7 0h-3v-2h3zm4 0h-2v-2h2zm-9-2h-2V6h2zM7 9H4V7h3zm13 0h-3V7h3zM4 7H2V4h2zm5 0H7V4h2zm8 0h-2V4h2zm5 0h-2V4h2zM7 4H4V2h3zm6 0h-2V2h2zm7 0h-3V2h3z"/></svg>
Cara memakai ikon Qr Code
React
import { Icon } from "@iconify/react";
<Icon icon="pixelarticons:qr-code" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pixelarticons:qr-code" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pixelarticons:qr-code" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pixelarticons--qr-code]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pixelarticons -->
<div class="i-pixelarticons:qr-code"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pixelarticons:qr-code"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/pixelarticons/qr-code.svg" alt="Ikon Qr Code" width="24" height="24">
Ikon terkait di Pixelarticons
Ikon Qr Code di set ikon lain
FAQ Ikon Qr Code
Apakah ikon Qr Code gratis untuk penggunaan komersial?
Ya. Pixelarticons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Qr Code di React?
Pasang @iconify/react lalu render <Icon icon="pixelarticons:qr-code" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Qr Code ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pixelarticons/qr-code.svg" alt="Ikon Qr Code">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Pixelarticons →
ICONYZ
