Lens Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Lens 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/310200.svg" alt="Lens icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310200.svg" alt="Lens icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310200.svg" alt="Lens icon" :width="24" :height="24" />
CSS background
.icon-lens {
background-image: url('https://proicons.com/icon/310200.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="M10.2721 17.4377L5.90267 19.9415C4.77668 19.0762 3.84693 17.9836 3.17435 16.7352C2.50178 15.4868 2.10158 14.1108 2 12.6974L6.85601 15.4783H6.91559L10.2721 17.4377Z" fill="black"/> <path d="M15.853 16.2007V21.2379C14.5277 21.7842 13.1005 22.0422 11.6671 21.9944C10.2336 21.9466 8.82692 21.5942 7.5412 20.9608L12.3277 18.2294H12.4171L15.853 16.2007Z" fill="black"/> <path d="M21.9404 13.2615C21.7586 14.68 21.2748 16.0434 20.5212 17.2603C19.7676 18.4772 18.7618 19.5196 17.571 20.3175V10.7776L21.9404 13.2615Z" fill="black"/> <path d="M22 11.3219L17.144 8.57072L16.9354 8.48166L13.7279 6.61129L18.0973 4.10756C19.2225 4.96692 20.1521 6.05422 20.8248 7.29776C21.4975 8.54129 21.898 9.91279 22 11.3219Z" fill="black"/> <path d="M16.429 3.04866L11.6425 5.81958H11.563L8.14696 7.79881V2.76166C9.46719 2.21847 10.888 1.96053 12.3157 2.00489C13.7433 2.04924 15.1453 2.39489 16.429 3.01897V3.04866Z" fill="black"/> <path d="M6.42899 3.71169V13.2516L2.05958 10.7578C2.24332 9.34126 2.72809 7.98005 3.48156 6.76501C4.23502 5.54998 5.23985 4.50905 6.42899 3.71169Z" fill="black"/> <path d="M15.853 9.80775V14.2313L12 16.4481L8.14697 14.2313V9.80775L12 7.591L15.853 9.80775Z" fill="black"/> </svg>
Copied!