magnifier icon
magnifier-bold-duotone from Solar by 480 Design · Bold Duotone · Search · CC-BY-4.0 Attribution required.
- Name
- magnifier-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Search
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More search icons from Solar
magnifier-bug-boldmagnifier-zoom-in-boldmagnifier-zoom-out-boldminimalistic-magnifier-boldminimalistic-magnifier-bug-boldminimalistic-magnifier-zoom-in-boldminimalistic-magnifier-zoom-out-boldrounded-magnifier-boldrounded-magnifier-bug-boldrounded-magnifier-zoom-in-boldrounded-magnifier-zoom-out-bold
Use the magnifier icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.3133 11.1566C20.3133 16.2137 16.2137 20.3133 11.1566 20.3133C6.09956 20.3133 2 16.2137 2 11.1566C2 6.09956 6.09956 2 11.1566 2C16.2137 2 20.3133 6.09956 20.3133 11.1566Z" opacity=".5"/><path d="M17.1001 18.1219L20.7664 21.7882C21.0487 22.0705 21.5064 22.0705 21.7887 21.7882C22.071 21.5059 22.071 21.0482 21.7887 20.7659L18.1224 17.0996C17.809 17.4666 17.4671 17.8085 17.1001 18.1219Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMagnifierBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.3133 11.1566C20.3133 16.2137 16.2137 20.3133 11.1566 20.3133C6.09956 20.3133 2 16.2137 2 11.1566C2 6.09956 6.09956 2 11.1566 2C16.2137 2 20.3133 6.09956 20.3133 11.1566Z" opacity=".5"/><path d="M17.1001 18.1219L20.7664 21.7882C21.0487 22.0705 21.5064 22.0705 21.7887 21.7882C22.071 21.5059 22.071 21.0482 21.7887 20.7659L18.1224 17.0996C17.809 17.4666 17.4671 17.8085 17.1001 18.1219Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.3133 11.1566C20.3133 16.2137 16.2137 20.3133 11.1566 20.3133C6.09956 20.3133 2 16.2137 2 11.1566C2 6.09956 6.09956 2 11.1566 2C16.2137 2 20.3133 6.09956 20.3133 11.1566Z" opacity=".5"/><path d="M17.1001 18.1219L20.7664 21.7882C21.0487 22.0705 21.5064 22.0705 21.7887 21.7882C22.071 21.5059 22.071 21.0482 21.7887 20.7659L18.1224 17.0996C17.809 17.4666 17.4671 17.8085 17.1001 18.1219Z"/></g></svg> </template>
CSS
.icon-magnifier-bold-duotone {
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%22currentColor%22%3E%3Cpath%20d%3D%22M20.3133%2011.1566C20.3133%2016.2137%2016.2137%2020.3133%2011.1566%2020.3133C6.09956%2020.3133%202%2016.2137%202%2011.1566C2%206.09956%206.09956%202%2011.1566%202C16.2137%202%2020.3133%206.09956%2020.3133%2011.1566Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.1001%2018.1219L20.7664%2021.7882C21.0487%2022.0705%2021.5064%2022.0705%2021.7887%2021.7882C22.071%2021.5059%2022.071%2021.0482%2021.7887%2020.7659L18.1224%2017.0996C17.809%2017.4666%2017.4671%2017.8085%2017.1001%2018.1219Z%22%2F%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%22currentColor%22%3E%3Cpath%20d%3D%22M20.3133%2011.1566C20.3133%2016.2137%2016.2137%2020.3133%2011.1566%2020.3133C6.09956%2020.3133%202%2016.2137%202%2011.1566C2%206.09956%206.09956%202%2011.1566%202C16.2137%202%2020.3133%206.09956%2020.3133%2011.1566Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.1001%2018.1219L20.7664%2021.7882C21.0487%2022.0705%2021.5064%2022.0705%2021.7887%2021.7882C22.071%2021.5059%2022.071%2021.0482%2021.7887%2020.7659L18.1224%2017.0996C17.809%2017.4666%2017.4671%2017.8085%2017.1001%2018.1219Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/magnifier-bold-duotone.svg?color=%231a73e8&size=48
