Mini Qr icon
selfhst:mini-qr
The Mini Qr icon (selfhst:mini-qr) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- miniqr
SVG code
<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>How to use the Mini Qr icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/mini-qr.svg" alt="Mini Qr icon" width="24" height="24">Related icons in selfh.st/icons
Mini Qr icon FAQ
Is the Mini Qr icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Mini Qr icon in React?
Install @iconify/react and render <Icon icon="selfhst:mini-qr" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mini Qr icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/mini-qr.svg" alt="Mini Qr icon">, or paste the SVG code inline to style it with CSS.