lens logo
lens-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- lens-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
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"><g fill="none"><g clip-path="url(#SVGHcSWxdhd44)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.032 9.74a2.85 2.85 0 0 1 1.942-.772A3.03 3.03 0 0 1 20 11.997c0 1.447-1.432 2.685-1.79 2.97c-1.675 1.334-3.856 2.113-6.21 2.113s-4.535-.78-6.21-2.113C5.434 14.682 4 13.442 4 11.997a3.027 3.027 0 0 1 3.025-3.03c.753 0 1.429.296 1.943.772l.053-.026C9.14 8.15 10.41 6.92 12 6.92s2.86 1.231 2.979 2.793zm.604 3.01c.23.23.395.508.486.811h.002a.244.244 0 0 1-.195.307a.245.245 0 0 1-.273-.173a1.46 1.46 0 0 0-1.445-1.028l-.044.002a.643.643 0 1 1-.867.35q-.043.037-.083.076c-.171.17-.293.377-.363.6a.243.243 0 0 1-.272.173a.244.244 0 0 1-.195-.307a1.94 1.94 0 0 1 1.868-1.382c.52 0 1.013.203 1.38.572m-5.933-.083l.045-.002a1.46 1.46 0 0 1 1.4 1.03a.245.245 0 0 0 .272.173a.244.244 0 0 0 .196-.307a1.9 1.9 0 0 0-.487-.81a1.94 1.94 0 0 0-1.381-.572a1.94 1.94 0 0 0-1.868 1.382a.244.244 0 0 0 .195.307a.243.243 0 0 0 .273-.173a1.45 1.45 0 0 1 .446-.675a.643.643 0 1 0 .867-.35h-.003q.023 0 .045-.003m2.3 2.352c.374 0 .715-.143.976-.375a.25.25 0 0 1 .33-.004a.24.24 0 0 1 .006.358a1.944 1.944 0 0 1-2.625 0a.24.24 0 0 1 .006-.358a.246.246 0 0 1 .33.004c.258.232.602.375.976.375" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd44"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLensBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd44)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M15.032 9.74a2.85 2.85 0 0 1 1.942-.772A3.03 3.03 0 0 1 20 11.997c0 1.447-1.432 2.685-1.79 2.97c-1.675 1.334-3.856 2.113-6.21 2.113s-4.535-.78-6.21-2.113C5.434 14.682 4 13.442 4 11.997a3.027 3.027 0 0 1 3.025-3.03c.753 0 1.429.296 1.943.772l.053-.026C9.14 8.15 10.41 6.92 12 6.92s2.86 1.231 2.979 2.793zm.604 3.01c.23.23.395.508.486.811h.002a.244.244 0 0 1-.195.307a.245.245 0 0 1-.273-.173a1.46 1.46 0 0 0-1.445-1.028l-.044.002a.643.643 0 1 1-.867.35q-.043.037-.083.076c-.171.17-.293.377-.363.6a.243.243 0 0 1-.272.173a.244.244 0 0 1-.195-.307a1.94 1.94 0 0 1 1.868-1.382c.52 0 1.013.203 1.38.572m-5.933-.083l.045-.002a1.46 1.46 0 0 1 1.4 1.03a.245.245 0 0 0 .272.173a.244.244 0 0 0 .196-.307a1.9 1.9 0 0 0-.487-.81a1.94 1.94 0 0 0-1.381-.572a1.94 1.94 0 0 0-1.868 1.382a.244.244 0 0 0 .195.307a.243.243 0 0 0 .273-.173a1.45 1.45 0 0 1 .446-.675a.643.643 0 1 0 .867-.35h-.003q.023 0 .045-.003m2.3 2.352c.374 0 .715-.143.976-.375a.25.25 0 0 1 .33-.004a.24.24 0 0 1 .006.358a1.944 1.944 0 0 1-2.625 0a.24.24 0 0 1 .006-.358a.246.246 0 0 1 .33.004c.258.232.602.375.976.375" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd44"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd44)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.032 9.74a2.85 2.85 0 0 1 1.942-.772A3.03 3.03 0 0 1 20 11.997c0 1.447-1.432 2.685-1.79 2.97c-1.675 1.334-3.856 2.113-6.21 2.113s-4.535-.78-6.21-2.113C5.434 14.682 4 13.442 4 11.997a3.027 3.027 0 0 1 3.025-3.03c.753 0 1.429.296 1.943.772l.053-.026C9.14 8.15 10.41 6.92 12 6.92s2.86 1.231 2.979 2.793zm.604 3.01c.23.23.395.508.486.811h.002a.244.244 0 0 1-.195.307a.245.245 0 0 1-.273-.173a1.46 1.46 0 0 0-1.445-1.028l-.044.002a.643.643 0 1 1-.867.35q-.043.037-.083.076c-.171.17-.293.377-.363.6a.243.243 0 0 1-.272.173a.244.244 0 0 1-.195-.307a1.94 1.94 0 0 1 1.868-1.382c.52 0 1.013.203 1.38.572m-5.933-.083l.045-.002a1.46 1.46 0 0 1 1.4 1.03a.245.245 0 0 0 .272.173a.244.244 0 0 0 .196-.307a1.9 1.9 0 0 0-.487-.81a1.94 1.94 0 0 0-1.381-.572a1.94 1.94 0 0 0-1.868 1.382a.244.244 0 0 0 .195.307a.243.243 0 0 0 .273-.173a1.45 1.45 0 0 1 .446-.675a.643.643 0 1 0 .867-.35h-.003q.023 0 .045-.003m2.3 2.352c.374 0 .715-.143.976-.375a.25.25 0 0 1 .33-.004a.24.24 0 0 1 .006.358a1.944 1.944 0 0 1-2.625 0a.24.24 0 0 1 .006-.358a.246.246 0 0 1 .33.004c.258.232.602.375.976.375" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd44"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-lens-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd44)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.032%209.74a2.85%202.85%200%200%201%201.942-.772A3.03%203.03%200%200%201%2020%2011.997c0%201.447-1.432%202.685-1.79%202.97c-1.675%201.334-3.856%202.113-6.21%202.113s-4.535-.78-6.21-2.113C5.434%2014.682%204%2013.442%204%2011.997a3.027%203.027%200%200%201%203.025-3.03c.753%200%201.429.296%201.943.772l.053-.026C9.14%208.15%2010.41%206.92%2012%206.92s2.86%201.231%202.979%202.793zm.604%203.01c.23.23.395.508.486.811h.002a.244.244%200%200%201-.195.307a.245.245%200%200%201-.273-.173a1.46%201.46%200%200%200-1.445-1.028l-.044.002a.643.643%200%201%201-.867.35q-.043.037-.083.076c-.171.17-.293.377-.363.6a.243.243%200%200%201-.272.173a.244.244%200%200%201-.195-.307a1.94%201.94%200%200%201%201.868-1.382c.52%200%201.013.203%201.38.572m-5.933-.083l.045-.002a1.46%201.46%200%200%201%201.4%201.03a.245.245%200%200%200%20.272.173a.244.244%200%200%200%20.196-.307a1.9%201.9%200%200%200-.487-.81a1.94%201.94%200%200%200-1.381-.572a1.94%201.94%200%200%200-1.868%201.382a.244.244%200%200%200%20.195.307a.243.243%200%200%200%20.273-.173a1.45%201.45%200%200%201%20.446-.675a.643.643%200%201%200%20.867-.35h-.003q.023%200%20.045-.003m2.3%202.352c.374%200%20.715-.143.976-.375a.25.25%200%200%201%20.33-.004a.24.24%200%200%201%20.006.358a1.944%201.944%200%200%201-2.625%200a.24.24%200%200%201%20.006-.358a.246.246%200%200%201%20.33.004c.258.232.602.375.976.375%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd44%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd44)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.032%209.74a2.85%202.85%200%200%201%201.942-.772A3.03%203.03%200%200%201%2020%2011.997c0%201.447-1.432%202.685-1.79%202.97c-1.675%201.334-3.856%202.113-6.21%202.113s-4.535-.78-6.21-2.113C5.434%2014.682%204%2013.442%204%2011.997a3.027%203.027%200%200%201%203.025-3.03c.753%200%201.429.296%201.943.772l.053-.026C9.14%208.15%2010.41%206.92%2012%206.92s2.86%201.231%202.979%202.793zm.604%203.01c.23.23.395.508.486.811h.002a.244.244%200%200%201-.195.307a.245.245%200%200%201-.273-.173a1.46%201.46%200%200%200-1.445-1.028l-.044.002a.643.643%200%201%201-.867.35q-.043.037-.083.076c-.171.17-.293.377-.363.6a.243.243%200%200%201-.272.173a.244.244%200%200%201-.195-.307a1.94%201.94%200%200%201%201.868-1.382c.52%200%201.013.203%201.38.572m-5.933-.083l.045-.002a1.46%201.46%200%200%201%201.4%201.03a.245.245%200%200%200%20.272.173a.244.244%200%200%200%20.196-.307a1.9%201.9%200%200%200-.487-.81a1.94%201.94%200%200%200-1.381-.572a1.94%201.94%200%200%200-1.868%201.382a.244.244%200%200%200%20.195.307a.243.243%200%200%200%20.273-.173a1.45%201.45%200%200%201%20.446-.675a.643.643%200%201%200%20.867-.35h-.003q.023%200%20.045-.003m2.3%202.352c.374%200%20.715-.143.976-.375a.25.25%200%200%201%20.33-.004a.24.24%200%200%201%20.006.358a1.944%201.944%200%200%201-2.625%200a.24.24%200%200%201%20.006-.358a.246.246%200%200%201%20.33.004c.258.232.602.375.976.375%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd44%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/lens-background.svg?color=%231a73e8&size=48
