lens logo
lens from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- lens
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the lens logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.41 9.457a3.2 3.2 0 0 1 2.185-.868A3.406 3.406 0 0 1 21 11.997c0 1.628-1.611 3.02-2.014 3.341c-1.884 1.5-4.338 2.377-6.986 2.377s-5.102-.877-6.986-2.377C4.614 15.018 3 13.623 3 11.997a3.406 3.406 0 0 1 3.404-3.408a3.2 3.2 0 0 1 2.186.868l.059-.03C8.782 7.67 10.21 6.285 12 6.285s3.218 1.385 3.351 3.142zm.68 3.388c.259.258.444.57.547.911h.003a.275.275 0 0 1-.22.346a.276.276 0 0 1-.307-.195a1.64 1.64 0 0 0-.407-.675a1.64 1.64 0 0 0-1.218-.481l-.05.002a.723.723 0 1 1-.975.394q-.049.04-.094.085c-.192.192-.33.423-.408.675a.273.273 0 0 1-.306.195a.275.275 0 0 1-.22-.346c.103-.341.288-.653.547-.911a2.2 2.2 0 0 1 1.554-.644c.586 0 1.14.23 1.554.644m-6.674-.094l.05-.002a1.64 1.64 0 0 1 1.575 1.158a.276.276 0 0 0 .307.195a.275.275 0 0 0 .22-.346a2.2 2.2 0 0 0-.548-.911a2.2 2.2 0 0 0-1.554-.644c-.586 0-1.14.23-1.554.644c-.259.258-.444.57-.547.911a.275.275 0 0 0 .22.346a.273.273 0 0 0 .306-.195a1.64 1.64 0 0 1 .502-.76a.724.724 0 1 0 .975-.394h-.002zm2.586 2.645c.422 0 .806-.16 1.1-.421a.28.28 0 0 1 .37-.005a.27.27 0 0 1 .007.403a2.187 2.187 0 0 1-2.953 0a.27.27 0 0 1 .007-.403a.277.277 0 0 1 .37.005c.291.26.678.42 1.1.42" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenLens(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15.41 9.457a3.2 3.2 0 0 1 2.185-.868A3.406 3.406 0 0 1 21 11.997c0 1.628-1.611 3.02-2.014 3.341c-1.884 1.5-4.338 2.377-6.986 2.377s-5.102-.877-6.986-2.377C4.614 15.018 3 13.623 3 11.997a3.406 3.406 0 0 1 3.404-3.408a3.2 3.2 0 0 1 2.186.868l.059-.03C8.782 7.67 10.21 6.285 12 6.285s3.218 1.385 3.351 3.142zm.68 3.388c.259.258.444.57.547.911h.003a.275.275 0 0 1-.22.346a.276.276 0 0 1-.307-.195a1.64 1.64 0 0 0-.407-.675a1.64 1.64 0 0 0-1.218-.481l-.05.002a.723.723 0 1 1-.975.394q-.049.04-.094.085c-.192.192-.33.423-.408.675a.273.273 0 0 1-.306.195a.275.275 0 0 1-.22-.346c.103-.341.288-.653.547-.911a2.2 2.2 0 0 1 1.554-.644c.586 0 1.14.23 1.554.644m-6.674-.094l.05-.002a1.64 1.64 0 0 1 1.575 1.158a.276.276 0 0 0 .307.195a.275.275 0 0 0 .22-.346a2.2 2.2 0 0 0-.548-.911a2.2 2.2 0 0 0-1.554-.644c-.586 0-1.14.23-1.554.644c-.259.258-.444.57-.547.911a.275.275 0 0 0 .22.346a.273.273 0 0 0 .306-.195a1.64 1.64 0 0 1 .502-.76a.724.724 0 1 0 .975-.394h-.002zm2.586 2.645c.422 0 .806-.16 1.1-.421a.28.28 0 0 1 .37-.005a.27.27 0 0 1 .007.403a2.187 2.187 0 0 1-2.953 0a.27.27 0 0 1 .007-.403a.277.277 0 0 1 .37.005c.291.26.678.42 1.1.42" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.41 9.457a3.2 3.2 0 0 1 2.185-.868A3.406 3.406 0 0 1 21 11.997c0 1.628-1.611 3.02-2.014 3.341c-1.884 1.5-4.338 2.377-6.986 2.377s-5.102-.877-6.986-2.377C4.614 15.018 3 13.623 3 11.997a3.406 3.406 0 0 1 3.404-3.408a3.2 3.2 0 0 1 2.186.868l.059-.03C8.782 7.67 10.21 6.285 12 6.285s3.218 1.385 3.351 3.142zm.68 3.388c.259.258.444.57.547.911h.003a.275.275 0 0 1-.22.346a.276.276 0 0 1-.307-.195a1.64 1.64 0 0 0-.407-.675a1.64 1.64 0 0 0-1.218-.481l-.05.002a.723.723 0 1 1-.975.394q-.049.04-.094.085c-.192.192-.33.423-.408.675a.273.273 0 0 1-.306.195a.275.275 0 0 1-.22-.346c.103-.341.288-.653.547-.911a2.2 2.2 0 0 1 1.554-.644c.586 0 1.14.23 1.554.644m-6.674-.094l.05-.002a1.64 1.64 0 0 1 1.575 1.158a.276.276 0 0 0 .307.195a.275.275 0 0 0 .22-.346a2.2 2.2 0 0 0-.548-.911a2.2 2.2 0 0 0-1.554-.644c-.586 0-1.14.23-1.554.644c-.259.258-.444.57-.547.911a.275.275 0 0 0 .22.346a.273.273 0 0 0 .306-.195a1.64 1.64 0 0 1 .502-.76a.724.724 0 1 0 .975-.394h-.002zm2.586 2.645c.422 0 .806-.16 1.1-.421a.28.28 0 0 1 .37-.005a.27.27 0 0 1 .007.403a2.187 2.187 0 0 1-2.953 0a.27.27 0 0 1 .007-.403a.277.277 0 0 1 .37.005c.291.26.678.42 1.1.42" clip-rule="evenodd"/></svg> </template>
CSS
.icon-lens {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.41%209.457a3.2%203.2%200%200%201%202.185-.868A3.406%203.406%200%200%201%2021%2011.997c0%201.628-1.611%203.02-2.014%203.341c-1.884%201.5-4.338%202.377-6.986%202.377s-5.102-.877-6.986-2.377C4.614%2015.018%203%2013.623%203%2011.997a3.406%203.406%200%200%201%203.404-3.408a3.2%203.2%200%200%201%202.186.868l.059-.03C8.782%207.67%2010.21%206.285%2012%206.285s3.218%201.385%203.351%203.142zm.68%203.388c.259.258.444.57.547.911h.003a.275.275%200%200%201-.22.346a.276.276%200%200%201-.307-.195a1.64%201.64%200%200%200-.407-.675a1.64%201.64%200%200%200-1.218-.481l-.05.002a.723.723%200%201%201-.975.394q-.049.04-.094.085c-.192.192-.33.423-.408.675a.273.273%200%200%201-.306.195a.275.275%200%200%201-.22-.346c.103-.341.288-.653.547-.911a2.2%202.2%200%200%201%201.554-.644c.586%200%201.14.23%201.554.644m-6.674-.094l.05-.002a1.64%201.64%200%200%201%201.575%201.158a.276.276%200%200%200%20.307.195a.275.275%200%200%200%20.22-.346a2.2%202.2%200%200%200-.548-.911a2.2%202.2%200%200%200-1.554-.644c-.586%200-1.14.23-1.554.644c-.259.258-.444.57-.547.911a.275.275%200%200%200%20.22.346a.273.273%200%200%200%20.306-.195a1.64%201.64%200%200%201%20.502-.76a.724.724%200%201%200%20.975-.394h-.002zm2.586%202.645c.422%200%20.806-.16%201.1-.421a.28.28%200%200%201%20.37-.005a.27.27%200%200%201%20.007.403a2.187%202.187%200%200%201-2.953%200a.27.27%200%200%201%20.007-.403a.277.277%200%200%201%20.37.005c.291.26.678.42%201.1.42%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.41%209.457a3.2%203.2%200%200%201%202.185-.868A3.406%203.406%200%200%201%2021%2011.997c0%201.628-1.611%203.02-2.014%203.341c-1.884%201.5-4.338%202.377-6.986%202.377s-5.102-.877-6.986-2.377C4.614%2015.018%203%2013.623%203%2011.997a3.406%203.406%200%200%201%203.404-3.408a3.2%203.2%200%200%201%202.186.868l.059-.03C8.782%207.67%2010.21%206.285%2012%206.285s3.218%201.385%203.351%203.142zm.68%203.388c.259.258.444.57.547.911h.003a.275.275%200%200%201-.22.346a.276.276%200%200%201-.307-.195a1.64%201.64%200%200%200-.407-.675a1.64%201.64%200%200%200-1.218-.481l-.05.002a.723.723%200%201%201-.975.394q-.049.04-.094.085c-.192.192-.33.423-.408.675a.273.273%200%200%201-.306.195a.275.275%200%200%201-.22-.346c.103-.341.288-.653.547-.911a2.2%202.2%200%200%201%201.554-.644c.586%200%201.14.23%201.554.644m-6.674-.094l.05-.002a1.64%201.64%200%200%201%201.575%201.158a.276.276%200%200%200%20.307.195a.275.275%200%200%200%20.22-.346a2.2%202.2%200%200%200-.548-.911a2.2%202.2%200%200%200-1.554-.644c-.586%200-1.14.23-1.554.644c-.259.258-.444.57-.547.911a.275.275%200%200%200%20.22.346a.273.273%200%200%200%20.306-.195a1.64%201.64%200%200%201%20.502-.76a.724.724%200%201%200%20.975-.394h-.002zm2.586%202.645c.422%200%20.806-.16%201.1-.421a.28.28%200%200%201%20.37-.005a.27.27%200%200%201%20.007.403a2.187%202.187%200%200%201-2.953%200a.27.27%200%200%201%20.007-.403a.277.277%200%200%201%20.37.005c.291.26.678.42%201.1.42%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/lens.svg?color=%231a73e8&size=48
