lens concave icon
lens-concave from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- lens-concave
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the lens concave icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M7.503 18.148c-.802 1.976-1.204 2.964-.912 3.408S7.793 22 9.615 22h4.763c1.82 0 2.729 0 3.02-.438c.293-.437-.095-1.437-.87-3.435c-.71-1.825-1.095-3.911-1.095-6.127s.386-4.302 1.094-6.127c.776-1.998 1.164-2.998.872-3.435C17.107 2 16.197 2 14.379 2H9.614c-1.822 0-2.732 0-3.024.444s.11 1.432.912 3.408C8.246 7.682 8.668 9.776 8.668 12s-.422 4.318-1.165 6.148Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLensConcave(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M7.503 18.148c-.802 1.976-1.204 2.964-.912 3.408S7.793 22 9.615 22h4.763c1.82 0 2.729 0 3.02-.438c.293-.437-.095-1.437-.87-3.435c-.71-1.825-1.095-3.911-1.095-6.127s.386-4.302 1.094-6.127c.776-1.998 1.164-2.998.872-3.435C17.107 2 16.197 2 14.379 2H9.614c-1.822 0-2.732 0-3.024.444s.11 1.432.912 3.408C8.246 7.682 8.668 9.776 8.668 12s-.422 4.318-1.165 6.148Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M7.503 18.148c-.802 1.976-1.204 2.964-.912 3.408S7.793 22 9.615 22h4.763c1.82 0 2.729 0 3.02-.438c.293-.437-.095-1.437-.87-3.435c-.71-1.825-1.095-3.911-1.095-6.127s.386-4.302 1.094-6.127c.776-1.998 1.164-2.998.872-3.435C17.107 2 16.197 2 14.379 2H9.614c-1.822 0-2.732 0-3.024.444s.11 1.432.912 3.408C8.246 7.682 8.668 9.776 8.668 12s-.422 4.318-1.165 6.148Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-lens-concave {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.503%2018.148c-.802%201.976-1.204%202.964-.912%203.408S7.793%2022%209.615%2022h4.763c1.82%200%202.729%200%203.02-.438c.293-.437-.095-1.437-.87-3.435c-.71-1.825-1.095-3.911-1.095-6.127s.386-4.302%201.094-6.127c.776-1.998%201.164-2.998.872-3.435C17.107%202%2016.197%202%2014.379%202H9.614c-1.822%200-2.732%200-3.024.444s.11%201.432.912%203.408C8.246%207.682%208.668%209.776%208.668%2012s-.422%204.318-1.165%206.148Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.503%2018.148c-.802%201.976-1.204%202.964-.912%203.408S7.793%2022%209.615%2022h4.763c1.82%200%202.729%200%203.02-.438c.293-.437-.095-1.437-.87-3.435c-.71-1.825-1.095-3.911-1.095-6.127s.386-4.302%201.094-6.127c.776-1.998%201.164-2.998.872-3.435C17.107%202%2016.197%202%2014.379%202H9.614c-1.822%200-2.732%200-3.024.444s.11%201.432.912%203.408C8.246%207.682%208.668%209.776%208.668%2012s-.422%204.318-1.165%206.148Z%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/hugeicons/lens-concave.svg?color=%231a73e8&size=48
