Q R Code icon in outline, twotone, bold and bulk. Free in all four styles, for auth, passwords, permissions, privacy, scanning. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconQRCode } from "@devigner-ui/icons";
<IconQRCode className="size-6" />
<script setup>
import { IconQRCode } from "@devigner-ui/icons-vue";
</script>
<template>
<IconQRCode class="size-6" />
</template>
<script>
import { IconQRCode } from "@devigner-ui/icons-svelte";
</script>
<IconQRCode class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 16.9c0-1.3 0-1.96.3-2.44a2 2 0 0 1 .66-.66c.48-.3 1.13-.3 2.44-.3h1.1c1.89 0 2.83 0 3.41.59.59.58.59 1.52.59 3.41v1.1c0 1.31 0 1.96-.3 2.45a2 2 0 0 1-.65.66C9.06 22 8.4 22 7.1 22c-1.96 0-2.95 0-3.67-.44a3 3 0 0 1-.99-1C2 19.86 2 18.87 2 16.9" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 5.4c0-1.3 0-1.96.3-2.44a2 2 0 0 1 .65-.66c.5-.3 1.15-.3 2.45-.3 1.96 0 2.95 0 3.67.44a3 3 0 0 1 .99 1c.44.71.44 1.7.44 3.66 0 1.31 0 1.96-.3 2.45a2 2 0 0 1-.65.66c-.49.29-1.14.29-2.45.29h-1.1c-1.89 0-2.83 0-3.41-.59-.59-.58-.59-1.52-.59-3.41z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M16.5 6.25c0-.51 0-.77.13-.95l.16-.17c.19-.13.44-.13.96-.13s.77 0 .96.13q.1.07.16.17c.13.18.13.44.13.95 0 .52 0 .77-.13.96l-.16.16c-.19.13-.44.13-.96.13s-.77 0-.96-.13l-.16-.16c-.13-.19-.13-.44-.13-.96" fill="currentColor"></path><path d="M19 13.5h-2c-1.4 0-2.1 0-2.61.34a2 2 0 0 0-.55.55c-.34.5-.34 1.2-.34 2.61" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M12.75 22a.75.75 0 0 0 1.5 0zm0-3v3h1.5v-3z" fill="currentColor"></path><path d="M17 22h2c.93 0 1.4 0 1.77-.15a2 2 0 0 0 1.08-1.08c.15-.37.15-.84.15-1.77" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path><path opacity="1" d="M22.75 13.5a.75.75 0 0 0-1.5 0zm0 3.5v-3.5h-1.5V17z" fill="currentColor"></path><path d="M2 7.1c0-1.96 0-2.95.44-3.67a3 3 0 0 1 1-.99C4.14 2 5.13 2 7.1 2c1.3 0 1.96 0 2.45.3q.4.25.66.66c.29.48.29 1.13.29 2.44v1.1c0 1.89 0 2.83-.59 3.41-.58.6-1.52.6-3.41.6H5.4c-1.3 0-1.96 0-2.45-.3a2 2 0 0 1-.66-.66C2 9.06 2 8.4 2 7.1" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M5 6.25c0-.51 0-.77.13-.95l.16-.17C5.48 5 5.73 5 6.25 5s.77 0 .96.13q.1.07.16.17c.13.18.13.44.13.95 0 .52 0 .77-.13.96l-.16.16c-.19.13-.44.13-.96.13s-.77 0-.96-.13l-.16-.16C5 7.02 5 6.77 5 6.25" fill="currentColor"></path><path opacity="1" d="M5 17.75c0-.51 0-.77.13-.95l.16-.17c.19-.13.44-.13.96-.13s.77 0 .96.13q.1.07.16.17c.13.18.13.44.13.95 0 .52 0 .77-.13.96l-.16.16c-.19.13-.44.13-.96.13s-.77 0-.96-.13l-.16-.16C5 18.52 5 18.27 5 17.75" fill="currentColor"></path><path opacity="1" d="M16 17.75c0-.7 0-1.05.17-1.3a1 1 0 0 1 .27-.28c.26-.17.6-.17 1.31-.17.7 0 1.05 0 1.3.17q.16.11.28.27c.17.26.17.6.17 1.31 0 .7 0 1.05-.17 1.3a1 1 0 0 1-.27.28c-.26.17-.6.17-1.31.17-.7 0-1.05 0-1.3-.17a1 1 0 0 1-.28-.27c-.17-.26-.17-.6-.17-1.3" fill="currentColor"></path></svg>