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/310290.svg" alt="Qr Code icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310290.svg" alt="Qr Code icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310290.svg" alt="Qr Code icon" :width="24" :height="24" />
CSS background
.icon-qr-code {
background-image: url('https://proicons.com/icon/310290.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="M11.12 6.96007V9.55488C11.124 9.76446 11.0861 9.97274 11.0085 10.1675C10.9309 10.3623 10.8151 10.5397 10.668 10.6893C10.5209 10.8389 10.3453 10.9577 10.1517 11.0388C9.95798 11.1199 9.75006 11.1617 9.54002 11.1617H6.94002C6.52005 11.1617 6.11713 10.9959 5.81923 10.7004C5.52133 10.405 5.35266 10.0039 5.35002 9.58482V6.99001C5.35002 6.56916 5.51754 6.16554 5.81572 5.86796C6.1139 5.57037 6.51832 5.40318 6.94002 5.40318H9.54002C9.95484 5.40571 10.3522 5.56993 10.6474 5.8608C10.9426 6.15167 11.1122 6.54615 11.12 6.96007Z" fill="black"/> <path d="M11.12 14.4551V17.0499C11.12 17.469 10.9539 17.8711 10.6579 18.1684C10.3618 18.4657 9.95998 18.6341 9.54002 18.6367H6.94002C6.51832 18.6367 6.1139 18.4695 5.81572 18.1719C5.51754 17.8744 5.35002 17.4707 5.35002 17.0499V14.4551C5.35266 14.036 5.52133 13.6349 5.81923 13.3395C6.11713 13.044 6.52005 12.8782 6.94002 12.8782H9.54002C9.95907 12.8782 10.3609 13.0444 10.6572 13.3401C10.9535 13.6358 11.12 14.0369 11.12 14.4551Z" fill="black"/> <path d="M18.66 6.96007V9.55488C18.6655 9.97067 18.5072 10.372 18.2192 10.6725C17.9312 10.973 17.5365 11.1486 17.12 11.1617H14.53C14.11 11.1617 13.7071 10.9959 13.4092 10.7004C13.1113 10.405 12.9427 10.0039 12.94 9.58482V6.99001C12.94 6.56916 13.1075 6.16554 13.4057 5.86796C13.7039 5.57037 14.1083 5.40318 14.53 5.40318H17.12C17.5278 5.41592 17.9151 5.58464 18.2018 5.87444C18.4885 6.16424 18.6525 6.55292 18.66 6.96007Z" fill="black"/> <path d="M18.66 14.4751V17.0699C18.6602 17.4822 18.4996 17.8785 18.2121 18.1746C17.9247 18.4708 17.533 18.6437 17.12 18.6567H14.53C14.1083 18.6567 13.7039 18.4895 13.4057 18.1919C13.1075 17.8943 12.94 17.4907 12.94 17.0699V14.4751C12.9427 14.0559 13.1113 13.6549 13.4092 13.3594C13.7071 13.064 14.11 12.8982 14.53 12.8982H17.12C17.5313 12.9111 17.9215 13.0826 18.2087 13.3767C18.4958 13.6707 18.6576 14.0644 18.66 14.4751Z" fill="black"/> <path d="M21.25 9.69461C21.0519 9.69203 20.8626 9.61234 20.7225 9.47252C20.5825 9.33271 20.5026 9.14382 20.5 8.94611V5.86228C20.5066 5.5499 20.4497 5.23943 20.3328 4.94957C20.2159 4.65971 20.0415 4.39645 19.82 4.17565C19.3808 3.7417 18.788 3.49789 18.17 3.49701H15.12C14.9211 3.49701 14.7303 3.41815 14.5897 3.27778C14.449 3.1374 14.37 2.94702 14.37 2.7485C14.37 2.54999 14.449 2.3596 14.5897 2.21923C14.7303 2.07886 14.9211 2 15.12 2H18.2C19.2136 2.02601 20.1763 2.44903 20.88 3.17765C21.2369 3.53195 21.5197 3.95349 21.7119 4.41778C21.9042 4.88207 22.0021 5.37986 22 5.88224V8.96607C21.9948 9.16111 21.9135 9.34641 21.7734 9.48249C21.6333 9.61857 21.4455 9.69468 21.25 9.69461Z" fill="black"/> <path d="M18.17 22H15.12C14.9211 22 14.7303 21.9211 14.5897 21.7808C14.449 21.6404 14.37 21.45 14.37 21.2515C14.37 21.053 14.449 20.8626 14.5897 20.7222C14.7303 20.5818 14.9211 20.503 15.12 20.503H18.2C18.5064 20.5004 18.8092 20.4373 19.091 20.3173C19.3728 20.1972 19.628 20.0227 19.8418 19.8037C20.0557 19.5847 20.2239 19.3256 20.3369 19.0414C20.4499 18.7572 20.5053 18.4534 20.5 18.1477V15.0938C20.5 14.8953 20.579 14.7049 20.7197 14.5645C20.8603 14.4242 21.0511 14.3453 21.25 14.3453C21.4489 14.3453 21.6397 14.4242 21.7803 14.5645C21.921 14.7049 22 14.8953 22 15.0938V18.1477C22.0013 18.65 21.9032 19.1477 21.7112 19.612C21.5192 20.0764 21.2371 20.4982 20.8812 20.8534C20.5253 21.2086 20.1025 21.4902 19.6373 21.6818C19.172 21.8734 18.6733 21.9714 18.17 21.9701V22Z" fill="black"/> <path d="M8.91999 22H5.84C5.33404 22 4.83305 21.9002 4.36585 21.7064C3.89865 21.5125 3.47446 21.2285 3.11762 20.8705C2.76078 20.5125 2.47833 20.0877 2.28654 19.6204C2.09474 19.1531 1.99737 18.6526 2.00001 18.1477V15.0938C2.00001 14.8953 2.07902 14.7049 2.21967 14.5645C2.36032 14.4242 2.55109 14.3453 2.75001 14.3453C2.94892 14.3453 3.13969 14.4242 3.28034 14.5645C3.42099 14.7049 3.50001 14.8953 3.50001 15.0938V18.1477C3.50265 18.7653 3.75036 19.3568 4.18891 19.7926C4.62746 20.2284 5.22112 20.4731 5.84 20.4731H8.91999C9.1189 20.4731 9.30967 20.5519 9.45032 20.6923C9.59098 20.8327 9.66999 21.023 9.66999 21.2216C9.66999 21.4201 9.59098 21.6105 9.45032 21.7508C9.30967 21.8912 9.1189 21.9701 8.91999 21.9701V22Z" fill="black"/> <path d="M2.75002 9.69473C2.55191 9.69214 2.36264 9.61245 2.22255 9.47264C2.08245 9.33282 2.00261 9.14394 2.00002 8.94623V5.86239C2.00218 4.85476 2.405 3.88919 3.12001 3.17776C3.84085 2.46391 4.81451 2.06232 5.83 2.06H8.91002C9.10893 2.06 9.2997 2.13886 9.44035 2.27923C9.58101 2.4196 9.66002 2.60999 9.66002 2.8085C9.66002 3.00702 9.58101 3.1974 9.44035 3.33777C9.2997 3.47814 9.10893 3.557 8.91002 3.557H5.83C5.21112 3.557 4.61746 3.80167 4.17891 4.23747C3.74036 4.67328 3.49265 5.26471 3.49001 5.88235V8.96619C3.48485 9.15951 3.40493 9.34333 3.26698 9.47915C3.12903 9.61496 2.94377 9.69222 2.75002 9.69473Z" fill="black"/> </svg>
Qr Code in other icon packs
Copied!