Scan Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Scan icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310948.svg" alt="Scan icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310948.svg" alt="Scan icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310948.svg" alt="Scan icon" :width="24" :height="24" />
CSS background
.icon-scan {
background-image: url('https://proicons.com/icon/310948.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="M20.325 8.29999V6.44999C20.325 5.71401 20.0327 5.00818 19.5122 4.48777C18.9918 3.96735 18.286 3.67499 17.55 3.67499H14.775" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.775 20.325H17.55C18.286 20.325 18.9918 20.0326 19.5122 19.5122C20.0327 18.9918 20.325 18.286 20.325 17.55V15.7" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.67499 15.7V17.55C3.67499 18.286 3.96735 18.9918 4.48777 19.5122C5.00818 20.0326 5.71401 20.325 6.44999 20.325H9.22499" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.22499 3.67499H6.44999C5.71401 3.67499 5.00818 3.96735 4.48777 4.48777C3.96735 5.00818 3.67499 5.71401 3.67499 6.44999V8.29999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.75 12H21.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!