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/310809.svg" alt="Lens icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310809.svg" alt="Lens icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310809.svg" alt="Lens icon" :width="24" :height="24" />
CSS background
.icon-lens {
background-image: url('https://proicons.com/icon/310809.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="M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.1135 14.375V9.625L12 7.25L7.88647 9.625V14.375L12 16.75L16.1135 14.375Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.3675 4.16248L12.0095 7.24998" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.4715 12.6745L16.1135 9.625" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.1135 20.5595V14.375" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.62299 19.828L11.9905 16.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5285 11.3065L7.8865 14.375" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.88647 3.44049V9.62499" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!