Bar Code Scan Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Bar Code Scan 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/310537.svg" alt="Bar Code Scan icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310537.svg" alt="Bar Code Scan icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310537.svg" alt="Bar Code Scan icon" :width="24" :height="24" />
CSS background
.icon-bar-code-scan {
background-image: url('https://proicons.com/icon/310537.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="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"/> <path d="M5.93866 8.08167V15.9183" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.9693 8.08167V15.9183" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 8.08167V15.9183" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.0307 8.08167V15.9183" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.0613 8.08167V15.9183" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Bar Code Scan in other icon packs
Copied!