Ikon Qr Outline
glyphs:qr-outline
Ikon Qr Outline (glyphs:qr-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- qroutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M18 21.333A3.333 3.333 0 0 1 21.333 18h5.334A3.333 3.333 0 0 1 30 21.333v5.334A3.333 3.333 0 0 1 26.667 30h-5.334A3.333 3.333 0 0 1 18 26.667zM22 22v4h4v-4z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M10 16a6 6 0 0 1 6-6h16a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H16a6 6 0 0 1-6-6zm6-2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2zm33.586 7.333A3.333 3.333 0 0 1 52.919 18h5.334a3.333 3.333 0 0 1 3.333 3.333v5.334A3.333 3.333 0 0 1 58.253 30h-5.334a3.333 3.333 0 0 1-3.333-3.333zm4 .667v4h4v-4z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M42 16a6 6 0 0 1 6-6h16a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H48a6 6 0 0 1-6-6zm6-2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2zM21.333 50A3.333 3.333 0 0 0 18 53.333v5.334A3.333 3.333 0 0 0 21.333 62h5.334A3.333 3.333 0 0 0 30 58.667v-5.334A3.333 3.333 0 0 0 26.667 50zM22 58v-4h4v4z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M16 42a6 6 0 0 0-6 6v16a6 6 0 0 0 6 6h16a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6zm-2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M59 44a2 2 0 1 0-4 0v5H44a2 2 0 1 0 0 4h11v15a2 2 0 0 0 2 2h11a2 2 0 1 0 0-4h-9z"/><path fill="currentColor" fill-opacity=".25" d="M70 44a2 2 0 1 0-4 0v14a2 2 0 1 0 4 0zM46 60a2 2 0 1 0-4 0v8a2 2 0 1 0 4 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18 21.333A3.333 3.333 0 0 1 21.333 18h5.334A3.333 3.333 0 0 1 30 21.333v5.334A3.333 3.333 0 0 1 26.667 30h-5.334A3.333 3.333 0 0 1 18 26.667zM22 22v4h4v-4z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 16a6 6 0 0 1 6-6h16a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H16a6 6 0 0 1-6-6zm6-2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2zm33.586 7.333A3.333 3.333 0 0 1 52.919 18h5.334a3.333 3.333 0 0 1 3.333 3.333v5.334A3.333 3.333 0 0 1 58.253 30h-5.334a3.333 3.333 0 0 1-3.333-3.333zm4 .667v4h4v-4z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M42 16a6 6 0 0 1 6-6h16a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H48a6 6 0 0 1-6-6zm6-2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2zM21.333 50A3.333 3.333 0 0 0 18 53.333v5.334A3.333 3.333 0 0 0 21.333 62h5.334A3.333 3.333 0 0 0 30 58.667v-5.334A3.333 3.333 0 0 0 26.667 50zM22 58v-4h4v4z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16 42a6 6 0 0 0-6 6v16a6 6 0 0 0 6 6h16a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6zm-2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M59 44a2 2 0 1 0-4 0v5H44a2 2 0 1 0 0 4h11v15a2 2 0 0 0 2 2h11a2 2 0 1 0 0-4h-9z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M70 44a2 2 0 1 0-4 0v14a2 2 0 1 0 4 0zM46 60a2 2 0 1 0-4 0v8a2 2 0 1 0 4 0z"/></g></svg>Cara memakai ikon Qr Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:qr-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:qr-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:qr-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--qr-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:qr-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:qr-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/qr-outline.svg" alt="Ikon Qr Outline" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Qr Outline
Apakah ikon Qr Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Qr Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:qr-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Qr Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/qr-outline.svg" alt="Ikon Qr Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.