Ikon Mini Qr

selfhst:mini-qr

Ikon Mini Qr (selfhst:mini-qr) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: selfh.st/icons
Pembuat: selfh.st
Lisensi: CC-BY-4.0
Ukuran: 512 × 512
Tag: miniqr

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#697d80" fill-rule="evenodd" d="M76 0h356c34.9 8.9 59.6 30.2 74 64c2.7 125.3 2.7 250.7 0 376c-11 38.4-35.7 62.4-74 72H76c-34.9-14.9-58.9-40.3-72-76V72Q26.05 22.05 76 0"/><path fill="#f4ef99" fill-rule="evenodd" d="M348 256c-8.2-6.7-16.2-13.4-24-20l12-24c-10.3-3.9-21-5.3-32-4c1.3-11-.1-21.7-4-32c-6.4 5.6-13.8 9.6-22 12c-8.2-7.1-15.6-15.1-22-24q-7.5 13.05-18 24q-12.9-4.35-24-12c-2 10.6-2.7 21.3-2 32c-12.3-1.3-24.3.1-36 4c5.6 6.4 9.6 13.8 12 22c-4.8 9.1-11.5 16.4-20 22c8.5 5.6 15.2 12.9 20 22c-2.4 8.2-6.4 15.6-12 22c10.3 3.9 21 5.3 32 4c-1.3 11 .1 21.7 4 32l24-12c8.2 7.1 15.6 15.1 22 24q11.85-39.6 42-12c3.9-10.3 5.3-21 4-32c11 1.3 21.7-.1 32-4l-12-24c7.8-6.6 15.8-13.3 24-20m-108 54c-32.8-16.9-44.1-42.9-34-78c8.3-14.3 19.6-25 34-32c31.1-3.5 54.4 8.5 70 36c7.8 54.6-15.6 79.3-70 74m8-102c46.1 4 62.8 28 50 72c-22.9 28.3-48.2 31-76 8c-19.5-36.7-10.8-63.4 26-80"/><path fill="#7d9597" fill-rule="evenodd" d="M456 420c-82 4-164.6 5.3-248 4c1.3 14.2-.1 27.5-4 40v-44z"/><path fill="#8ca7a8" fill-rule="evenodd" d="M140 140V84H88v56c-3.9-19.2-5.3-39.2-4-60h60c1.3 20.8-.1 40.8-4 60m292 0V84h-52v56c-3.9-19.2-5.3-39.2-4-60h60c1.3 20.8-.1 40.8-4 60"/><path fill="#a9c9c8" fill-rule="evenodd" d="M308 52h16v36c-6.6.9-12.6-.5-18-4c-2.9-11-2.2-21.7 2-32M170 64l-10-10c-30.6-2-61.3-2.7-92-2c-2.5 4.5-5.8 8.5-10 12c-3.7 33.7-2.4 67.1 4 100c3 2.5 6.3 4.5 10 6c14 .7 28 1.3 42 2c17.1.4 33.8-1.6 50-6l6-6q4.05-48 0-96m-12 84l-6 6c-26.3 3.2-52.3 2.6-78-2c-6.3-24.9-7.7-50.2-4-76c4.2-3.5 7.5-7.5 10-12c22.7-.7 45.4 0 68 2l10 10q4.05 36 0 72m304-84l-10-10c-30.6-2-61.3-2.7-92-2c-2.5 4.5-5.8 8.5-10 12q-4.05 48 0 96c3.6 4.8 8.3 8.1 14 10c31.1 3.7 61.8 2.4 92-4c2.5-3 4.5-6.3 6-10c2.7-30.7 2.7-61.3 0-92m-12 80c-1.2 3.2-3.2 5.9-6 8c-25.1 4.5-50.5 5.2-76 2l-6-6q-4.05-36 0-72c4.2-3.5 7.5-7.5 10-12c22.7-.7 45.4 0 68 2l10 10c2.7 22.7 2.7 45.3 0 68m-310-4H88V84h52zm292 0h-52V84h52zm-244-40c48-.7 96 0 144 2c5.3 6.7 5.3 13.3 0 20q-72 4.05-144 0c-5-7.3-5-14.6 0-22m208 80h20c.7 50.7 0 101.4-2 152c-5.4 3.5-11.4 4.9-18 4zm-288 4c5.3-.7 10 .7 14 4c2 49.3 2.7 98.6 2 148c-6.6.9-12.6-.5-18-4c-3.2-49.6-2.6-99 2-148m-48 96c6.6-.9 12.6.5 18 4q4.05 24 0 48c-6.7 5.3-13.3 5.3-20 0c-3.1-17.7-2.4-35 2-52m300 40h20c.7 10.7 0 21.4-2 32c-5.3 5.3-10.7 5.3-16 0c-2-10.6-2.7-21.3-2-32m96 100H204v44q-8.25 7.8-18 0q-4.05-54 0-108c6.7-5.3 13.3-5.3 20 0c2 13.3 2.7 26.6 2 40c84-.7 168 0 252 2c5.9 8.9 4.6 16.3-4 22m-224-52h112v20H232zm124 64c33.4-.7 66.7 0 100 2c10.7 10.7 10.7 21.3 0 32c-33.3 2.7-66.7 2.7-100 0c-10.4-11.3-10.4-22.7 0-34m-186-72c-3.6-4.8-8.3-8.1-14-10c-28-2-56-2.7-84-2c-6.6 3.3-11.2 8.6-14 16c-3.2 32.2-2.5 64.2 2 96c2.1 2.8 4.8 4.8 8 6c32.2 3.2 64.2 2.5 96-2c2.8-2.1 4.8-4.8 6-8q4.05-48 0-96m-90 94l-10-10c-2.7-22.7-2.7-45.3 0-68c4.2-3.5 7.5-7.5 10-12c22.7-.7 45.4 0 68 2c3.2 1.2 5.9 3.2 8 6c23.5 73.1-1.8 100.5-76 82m4-74h56v60H84z"/></svg>

Cara memakai ikon Mini Qr

React

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

<Icon icon="selfhst:mini-qr" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:mini-qr" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:mini-qr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mini-qr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mini-qr"></div>

Web component

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

<iconify-icon icon="selfhst:mini-qr"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/mini-qr.svg" alt="Ikon Mini Qr" width="24" height="24">

Ikon terkait di selfh.st/icons

FAQ Ikon Mini Qr

Apakah ikon Mini Qr gratis untuk penggunaan komersial?

Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Mini Qr di React?

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

Bagaimana cara menambahkan ikon Mini Qr ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/mini-qr.svg" alt="Ikon Mini Qr">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →