magnifier icon

magnifier-outline from Solar by 480 Design · Outline · Search · CC-BY-4.0 Attribution required.

Name: magnifier-outline
Set: Solar
Style: Outline
Category: Search
Viewbox: 24×24
License: CC BY 4.0
Aliases: magnifer-outline

5 other variants in Solar

magnifier-bold magnifier-bold-duotone magnifier-broken magnifier-line-duotone magnifier-linear

More search icons from Solar

magnifier-bug-bold magnifier-zoom-in-bold magnifier-zoom-out-bold minimalistic-magnifier-bold minimalistic-magnifier-bug-bold minimalistic-magnifier-zoom-in-bold minimalistic-magnifier-zoom-out-bold rounded-magnifier-bold rounded-magnifier-bug-bold rounded-magnifier-zoom-in-bold rounded-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"><path fill="currentColor" fill-rule="evenodd" d="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarMagnifierOutline(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="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5Z" 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="M11.5 2.75C6.66751 2.75 2.75 6.66751 2.75 11.5C2.75 16.3325 6.66751 20.25 11.5 20.25C16.3325 20.25 20.25 16.3325 20.25 11.5C20.25 6.66751 16.3325 2.75 11.5 2.75ZM1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 14.0605 20.8111 16.4017 19.2589 18.1982L22.5303 21.4697C22.8232 21.7626 22.8232 22.2374 22.5303 22.5303C22.2374 22.8232 21.7626 22.8232 21.4697 22.5303L18.1982 19.2589C16.4017 20.8111 14.0605 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-magnifier-outline {
  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%22M11.5%202.75C6.66751%202.75%202.75%206.66751%202.75%2011.5C2.75%2016.3325%206.66751%2020.25%2011.5%2020.25C16.3325%2020.25%2020.25%2016.3325%2020.25%2011.5C20.25%206.66751%2016.3325%202.75%2011.5%202.75ZM1.25%2011.5C1.25%205.83908%205.83908%201.25%2011.5%201.25C17.1609%201.25%2021.75%205.83908%2021.75%2011.5C21.75%2014.0605%2020.8111%2016.4017%2019.2589%2018.1982L22.5303%2021.4697C22.8232%2021.7626%2022.8232%2022.2374%2022.5303%2022.5303C22.2374%2022.8232%2021.7626%2022.8232%2021.4697%2022.5303L18.1982%2019.2589C16.4017%2020.8111%2014.0605%2021.75%2011.5%2021.75C5.83908%2021.75%201.25%2017.1609%201.25%2011.5Z%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%22M11.5%202.75C6.66751%202.75%202.75%206.66751%202.75%2011.5C2.75%2016.3325%206.66751%2020.25%2011.5%2020.25C16.3325%2020.25%2020.25%2016.3325%2020.25%2011.5C20.25%206.66751%2016.3325%202.75%2011.5%202.75ZM1.25%2011.5C1.25%205.83908%205.83908%201.25%2011.5%201.25C17.1609%201.25%2021.75%205.83908%2021.75%2011.5C21.75%2014.0605%2020.8111%2016.4017%2019.2589%2018.1982L22.5303%2021.4697C22.8232%2021.7626%2022.8232%2022.2374%2022.5303%2022.5303C22.2374%2022.8232%2021.7626%2022.8232%2021.4697%2022.5303L18.1982%2019.2589C16.4017%2020.8111%2014.0605%2021.75%2011.5%2021.75C5.83908%2021.75%201.25%2017.1609%201.25%2011.5Z%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/solar/magnifier-outline.svg?color=%231a73e8&size=48