Qr Code Icon
Free SVG icon from the Mage 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/310926.svg" alt="Qr Code icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310926.svg" alt="Qr Code icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310926.svg" alt="Qr Code icon" :width="24" :height="24" />
CSS background
.icon-qr-code {
background-image: url('https://proicons.com/icon/310926.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.43337 5.83337H6.73337C6.23632 5.83337 5.83337 6.23632 5.83337 6.73337V9.43337C5.83337 9.93043 6.23632 10.3334 6.73337 10.3334H9.43337C9.93043 10.3334 10.3334 9.93043 10.3334 9.43337V6.73337C10.3334 6.23632 9.93043 5.83337 9.43337 5.83337Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.43337 13.6475H6.73337C6.23632 13.6475 5.83337 14.0505 5.83337 14.5475V17.2475C5.83337 17.7446 6.23632 18.1475 6.73337 18.1475H9.43337C9.93043 18.1475 10.3334 17.7446 10.3334 17.2475V14.5475C10.3334 14.0505 9.93043 13.6475 9.43337 13.6475Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.2666 5.83337H14.5666C14.0696 5.83337 13.6666 6.23632 13.6666 6.73337V9.43337C13.6666 9.93043 14.0696 10.3334 14.5666 10.3334H17.2666C17.7637 10.3334 18.1666 9.93043 18.1666 9.43337V6.73337C18.1666 6.23632 17.7637 5.83337 17.2666 5.83337Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.2666 13.6666H14.5666C14.0696 13.6666 13.6666 14.0696 13.6666 14.5666V17.2666C13.6666 17.7637 14.0696 18.1666 14.5666 18.1666H17.2666C17.7637 18.1666 18.1666 17.7637 18.1666 17.2666V14.5666C18.1666 14.0696 17.7637 13.6666 17.2666 13.6666Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.25 8.91667V5.83333C21.25 5.01558 20.9251 4.23132 20.3469 3.65309C19.7687 3.07485 18.9844 2.75 18.1666 2.75H15.0833" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.0833 21.25H18.1666C18.9844 21.25 19.7687 20.9251 20.3469 20.3469C20.9251 19.7687 21.25 18.9844 21.25 18.1666V15.0833" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.75 15.0833V18.1666C2.75 18.9844 3.07485 19.7687 3.65309 20.3469C4.23132 20.9251 5.01558 21.25 5.83333 21.25H8.91667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.91667 2.75H5.83333C5.01558 2.75 4.23132 3.07485 3.65309 3.65309C3.07485 4.23132 2.75 5.01558 2.75 5.83333V8.91667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Qr Code in other icon packs
Copied!