Qr Code Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Qr Code icon is commonly used in developer tools, documentation sites and code editors. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/320574.svg" alt="Qr Code icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320574.svg" alt="Qr Code icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320574.svg" alt="Qr Code icon" :width="24" :height="24" />
CSS background
.icon-qr-code {
background-image: url('https://proicons.com/icon/320574.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="qr-code_2_" d="M13,31.36H1c-0.199,0-0.36-0.161-0.36-0.36V19c0-0.199,0.161-0.36,0.36-0.36h12 c0.199,0,0.36,0.161,0.36,0.36v12C13.36,31.199,13.199,31.36,13,31.36z M1.36,30.64h11.28V19.36H1.36V30.64z M10,28.36H4 c-0.199,0-0.36-0.161-0.36-0.36v-6c0-0.199,0.161-0.36,0.36-0.36h6c0.199,0,0.36,0.161,0.36,0.36v6 C10.36,28.199,10.199,28.36,10,28.36z M4.36,27.64h5.28v-5.28H4.36V27.64z M31,13.36H19c-0.199,0-0.36-0.161-0.36-0.36V1 c0-0.199,0.161-0.36,0.36-0.36h12c0.199,0,0.36,0.161,0.36,0.36v12C31.36,13.199,31.199,13.36,31,13.36z M19.36,12.64h11.28V1.36 H19.36V12.64z M13,13.36H1c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h12c0.199,0,0.36,0.161,0.36,0.36v12 C13.36,13.199,13.199,13.36,13,13.36z M1.36,12.64h11.28V1.36H1.36V12.64z M28,10.36h-6c-0.199,0-0.36-0.161-0.36-0.36V4 c0-0.199,0.161-0.36,0.36-0.36h6c0.199,0,0.36,0.161,0.36,0.36v6C28.36,10.199,28.199,10.36,28,10.36z M22.36,9.64h5.279V4.36H22.36 V9.64z M10,10.36H4c-0.199,0-0.36-0.161-0.36-0.36V4c0-0.199,0.161-0.36,0.36-0.36h6c0.199,0,0.36,0.161,0.36,0.36v6 C10.36,10.199,10.199,10.36,10,10.36z M4.36,9.64h5.28V4.36H4.36V9.64z M23,31h-2v-2h2V31z M29,19h-2v2h2V19z M31,21h-2v2h2V21z M31,27h-2v2h2V27z M29,23h-2v4h2V23z M23,19h-4v2h4V19z M27,29v-2h-2v4h4v-2H27z M21,23h-2v2h2V23z M21,27h-2v2h2V27z M27,21h-4v4 h-2v2h4v-4h2V21z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Qr Code in other icon packs
Copied!