qr code 01 icon
qr-code-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- qr-code-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the qr code 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.793 6.793C6.5 7.086 6.5 7.557 6.5 8.5s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707S9.443 6.5 8.5 6.5s-1.414 0-1.707.293M13.5 10.5c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414.293-1.707s.764-.293 1.707-.293m-11 7h2c.943 0 1.414 0 1.707.293s.293.764.293 1.707v2m-3.625-.25H6.75m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6.793-3.457c-.293.293-.293.764-.293 1.707s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707s-.764-.293-1.707-.293s-1.414 0-1.707.293M6.5 21.5c-.464 0-.697 0-.892-.022a3.5 3.5 0 0 1-3.086-3.086c-.022-.195-.022-.428-.022-.892m15 4c.464 0 .697 0 .892-.022a3.5 3.5 0 0 0 3.086-3.086c.022-.195.022-.428.022-.892m-15-15c-.464 0-.697 0-.892.022a3.5 3.5 0 0 0-3.086 3.086c-.022.195-.022.428-.022.892m15-4c.464 0 .697 0 .892.022a3.5 3.5 0 0 1 3.086 3.086c.022.195.022.428.022.892"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsQrCode01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M6.793 6.793C6.5 7.086 6.5 7.557 6.5 8.5s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707S9.443 6.5 8.5 6.5s-1.414 0-1.707.293M13.5 10.5c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414.293-1.707s.764-.293 1.707-.293m-11 7h2c.943 0 1.414 0 1.707.293s.293.764.293 1.707v2m-3.625-.25H6.75m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6.793-3.457c-.293.293-.293.764-.293 1.707s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707s-.764-.293-1.707-.293s-1.414 0-1.707.293M6.5 21.5c-.464 0-.697 0-.892-.022a3.5 3.5 0 0 1-3.086-3.086c-.022-.195-.022-.428-.022-.892m15 4c.464 0 .697 0 .892-.022a3.5 3.5 0 0 0 3.086-3.086c.022-.195.022-.428.022-.892m-15-15c-.464 0-.697 0-.892.022a3.5 3.5 0 0 0-3.086 3.086c-.022.195-.022.428-.022.892m15-4c.464 0 .697 0 .892.022a3.5 3.5 0 0 1 3.086 3.086c.022.195.022.428.022.892"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.793 6.793C6.5 7.086 6.5 7.557 6.5 8.5s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707S9.443 6.5 8.5 6.5s-1.414 0-1.707.293M13.5 10.5c.943 0 1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414.293-1.707s.764-.293 1.707-.293m-11 7h2c.943 0 1.414 0 1.707.293s.293.764.293 1.707v2m-3.625-.25H6.75m.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6.793-3.457c-.293.293-.293.764-.293 1.707s0 1.414.293 1.707s.764.293 1.707.293s1.414 0 1.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707s-.764-.293-1.707-.293s-1.414 0-1.707.293M6.5 21.5c-.464 0-.697 0-.892-.022a3.5 3.5 0 0 1-3.086-3.086c-.022-.195-.022-.428-.022-.892m15 4c.464 0 .697 0 .892-.022a3.5 3.5 0 0 0 3.086-3.086c.022-.195.022-.428.022-.892m-15-15c-.464 0-.697 0-.892.022a3.5 3.5 0 0 0-3.086 3.086c-.022.195-.022.428-.022.892m15-4c.464 0 .697 0 .892.022a3.5 3.5 0 0 1 3.086 3.086c.022.195.022.428.022.892"/></svg> </template>
CSS
.icon-qr-code-01 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6.793%206.793C6.5%207.086%206.5%207.557%206.5%208.5s0%201.414.293%201.707s.764.293%201.707.293s1.414%200%201.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707S9.443%206.5%208.5%206.5s-1.414%200-1.707.293M13.5%2010.5c.943%200%201.414%200%201.707-.293s.293-.764.293-1.707s0-1.414.293-1.707s.764-.293%201.707-.293m-11%207h2c.943%200%201.414%200%201.707.293s.293.764.293%201.707v2m-3.625-.25H6.75m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m6.793-3.457c-.293.293-.293.764-.293%201.707s0%201.414.293%201.707s.764.293%201.707.293s1.414%200%201.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707s-.764-.293-1.707-.293s-1.414%200-1.707.293M6.5%2021.5c-.464%200-.697%200-.892-.022a3.5%203.5%200%200%201-3.086-3.086c-.022-.195-.022-.428-.022-.892m15%204c.464%200%20.697%200%20.892-.022a3.5%203.5%200%200%200%203.086-3.086c.022-.195.022-.428.022-.892m-15-15c-.464%200-.697%200-.892.022a3.5%203.5%200%200%200-3.086%203.086c-.022.195-.022.428-.022.892m15-4c.464%200%20.697%200%20.892.022a3.5%203.5%200%200%201%203.086%203.086c.022.195.022.428.022.892%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M6.793%206.793C6.5%207.086%206.5%207.557%206.5%208.5s0%201.414.293%201.707s.764.293%201.707.293s1.414%200%201.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707S9.443%206.5%208.5%206.5s-1.414%200-1.707.293M13.5%2010.5c.943%200%201.414%200%201.707-.293s.293-.764.293-1.707s0-1.414.293-1.707s.764-.293%201.707-.293m-11%207h2c.943%200%201.414%200%201.707.293s.293.764.293%201.707v2m-3.625-.25H6.75m.25%200a.25.25%200%201%201-.5%200a.25.25%200%200%201%20.5%200m6.793-3.457c-.293.293-.293.764-.293%201.707s0%201.414.293%201.707s.764.293%201.707.293s1.414%200%201.707-.293s.293-.764.293-1.707s0-1.414-.293-1.707s-.764-.293-1.707-.293s-1.414%200-1.707.293M6.5%2021.5c-.464%200-.697%200-.892-.022a3.5%203.5%200%200%201-3.086-3.086c-.022-.195-.022-.428-.022-.892m15%204c.464%200%20.697%200%20.892-.022a3.5%203.5%200%200%200%203.086-3.086c.022-.195.022-.428.022-.892m-15-15c-.464%200-.697%200-.892.022a3.5%203.5%200%200%200-3.086%203.086c-.022.195-.022.428-.022.892m15-4c.464%200%20.697%200%20.892.022a3.5%203.5%200%200%201%203.086%203.086c.022.195.022.428.022.892%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/qr-code-01.svg?color=%231a73e8&size=48
