import React from 'react';
import type MdIconProps from './icon.model';

export const MdIconZoomIn: React.FunctionComponent<MdIconProps> = ({
  className,
  large = false,
  ...otherProps
}: MdIconProps) => {
  if (large) {
    return (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 -960 960 960"
        fill="currentColor"
        className={className}
        {...otherProps}
      >
        <path d="M790.61-137.54 531.08-397.08q-29.85 26.42-69.61 40.71t-82.32 14.29q-101.87 0-172.43-70.51-70.56-70.52-70.56-171 0-100.49 70.51-171.06 70.51-70.58 171.22-70.58 100.7 0 171.25 70.53t70.55 171.06q0 42.02-14.38 81.83-14.39 39.81-41.62 72.12l260.15 258.54-33.23 33.61ZM378.54-387.46q81.95 0 138.86-57.12 56.91-57.11 56.91-139.07 0-81.97-56.91-139.08-56.91-57.12-138.86-57.12-82.47 0-139.74 57.12-57.26 57.11-57.26 139.08 0 81.96 57.26 139.07 57.27 57.12 139.74 57.12Zm-23.31-95v-79.31h-79.31v-45.38h79.31v-78.31h45.38v78.31h78.31v45.38h-78.31v79.31h-45.38Z" />
      </svg>
    );
  }

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 -960 960 960"
      fill="currentColor"
      className={className}
      {...otherProps}
    >
      <path d="M762.69-160.92 524.46-400.16q-30 23.77-65.79 36.27-35.79 12.5-73.87 12.5-93.58 0-159.11-65.51-65.53-65.51-65.53-159.04 0-93.52 65.51-159.1 65.51-65.57 159.04-65.57 93.52 0 159.1 65.53 65.57 65.53 65.57 159.11 0 39.23-12.88 75.02-12.89 35.8-34.89 64.64l238.23 238.23-37.15 37.16ZM384.77-403.38q72.31 0 122.46-50.16 50.16-50.15 50.16-122.46t-50.16-122.46q-50.15-50.16-122.46-50.16t-122.46 50.16Q212.15-648.31 212.15-576t50.16 122.46q50.15 50.16 122.46 50.16Zm-26-76.93V-550h-69.69v-52h69.69v-69.69h52V-602h69.69v52h-69.69v69.69h-52Z" />
    </svg>
  );
};

export default MdIconZoomIn;
