@mob-on/react-open-iconic-svg/dist/IconMagnifyingGlass.js

Open iconic React version, with improved accessibility

import React from "react";
export const IconMagnifyingGlass = ({ alt = "Magnifying glass", ...props }) => {
  return (
    <svg
      width="8"
      height="8"
      {...props}
      className={`open-iconic open-iconic-magnifying-glass-icon ${props.className ||
        ""}`}
    >
      {alt && <title>{alt}</title>}
      <path d="M3.5 0C1.57 0 0 1.57 0 3.5S1.57 7 3.5 7c.59 0 1.17-.14 1.66-.41a1 1 0 00.13.13l1 1a1.02 1.02 0 101.44-1.44l-1-1a1 1 0 00-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1C4.89 1 6 2.11 6 3.5c0 .66-.24 1.27-.66 1.72l-.03.03a1 1 0 00-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z" />
    </svg>
  );
};