import React from "react";

export const ServiceIcon1 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_1" data-name="1">
      <polyline
        className="cls-1"
        points="173.7 208.12 9 322.7 110.74 393.47 212.35 318.1"
      />
      <polyline
        className="cls-1"
        points="290.91 318.1 147.48 419.03 249.5 490 490 322.7 325.27 208.1"
      />
      <polyline
        className="cls-1"
        points="197.22 134.48 144.94 82.2 144.94 9 9 9"
      />
      <polyline
        className="cls-1"
        points="490 9 354.06 9 354.06 82.2 301.78 134.48 228.59 134.48"
      />
      <line className="cls-1" x1="354.07" y1="318.09" x2="290.91" y2="318.09" />
      <line className="cls-1" x1="212.35" y1="318.09" x2="134.48" y2="318.09" />
      <line className="cls-1" x1="209.87" y1="288.5" x2="164.8" y2="266.75" />
      <line className="cls-1" x1="334.2" y1="266.75" x2="289.13" y2="288.5" />
      <line className="cls-1" x1="249.5" y1="218.13" x2="249.5" y2="301.78" />
      <polyline
        className="cls-1"
        points="197.22 134.48 197.22 186.76 236.43 218.13 262.57 218.13 301.78 186.76 301.78 134.48"
      />
    </g>
  </svg>
);

export const ServiceIcon2 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_2" data-name="2">
      <g id="_1" data-name="1">
        <polyline
          className="cls-1"
          points="173.7 209.12 9 323.7 110.74 394.47 147.48 420.03 249.5 491 490 323.7 325.27 209.1"
        />
        <polyline
          className="cls-1"
          points="354.06 10 354.06 83.2 285.5 151.5 285.5 217.5 213.5 217.5 213.5 151.5 144.5 80.5 144.94 10"
        />
      </g>
      <ellipse className="cls-1" cx="249.5" cy="321" rx="43.85" ry="33.5" />
    </g>
  </svg>
);

export const ServiceIcon3 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_3" data-name="3">
      <line className="cls-1" x1="9.5" y1="490.5" x2="490.5" y2="490.5" />
      <line className="cls-1" x1="249.5" y1="9.5" x2="490.5" y2="9.5" />
      <line className="cls-1" x1="9.5" y1="9.5" x2="203.5" y2="9.5" />
    </g>
    <line className="cls-1" x1="249.5" y1="250.5" x2="231.5" y2="232.5" />
    <path
      className="cls-1"
      d="M203.5,98.5l6.13,6.13A105.76,105.76,0,0,1,238.17,202L231.5,232.5"
    />
    <line className="cls-1" x1="203.5" y1="9.5" x2="203.5" y2="98.5" />
    <path
      className="cls-1"
      d="M299.5,9.5l.86,78.29a75.23,75.23,0,0,0,3.22,21l6,19.86A79.23,79.23,0,0,1,308,179.86a98.35,98.35,0,0,1-22.33,34.45L249.5,250.5"
    />
    <line className="cls-1" x1="249.5" y1="408.5" x2="203.5" y2="362.5" />
    <line className="cls-1" x1="249.5" y1="408.5" x2="295.5" y2="362.5" />
    <line className="cls-1" x1="203.5" y1="362.5" x2="9.5" y2="362.5" />
    <line className="cls-1" x1="295.5" y1="362.5" x2="490.5" y2="362.5" />
    <line className="cls-1" x1="249.5" y1="348.5" x2="163" y2="262" />
    <line className="cls-1" x1="250" y1="348.5" x2="336.5" y2="262" />
  </svg>
);

export const ServiceIcon4 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_4" data-name="4">
      <path
        className="cls-1"
        d="M189.76,184.55,86.4,421.15a23.84,23.84,0,0,1-18.18,14L45.6,438.68v51.64l135.93.18V440.11l-4-.44a23.83,23.83,0,0,1-19.82-31.77l8.2-22.71h88.67l9.56,21.09a23.85,23.85,0,0,1-19.85,33.6h0V490.5H401.12V439.41l-22.7-1.61a23.85,23.85,0,0,1-20.18-14.29L300.91,291.27M192,333.65l23.26-55.44,23.23,55.44Z"
      />
      <line className="cls-1" x1="307.01" y1="265.68" x2="307.01" y2="202.95" />
      <line className="cls-1" x1="307.01" y1="119.29" x2="307.01" y2="56.55" />
      <line className="cls-1" x1="380.94" y1="229.82" x2="339.11" y2="187.99" />
      <line className="cls-1" x1="280.14" y1="129.02" x2="233.08" y2="81.96" />
      <line className="cls-1" x1="411.58" y1="155.89" x2="348.52" y2="155.89" />
      <line className="cls-1" x1="265.5" y1="155.89" x2="202.45" y2="155.89" />
      <line className="cls-1" x1="233.07" y1="229.83" x2="274.91" y2="187.99" />
      <line className="cls-1" x1="306.85" y1="156.05" x2="453.4" y2="9.5" />
    </g>
  </svg>
);

export const ServiceIcon5 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_5" data-name="5">
      <path
        className="cls-1"
        d="M9,9H293.5a50,50,0,0,1,50,50V340h-188V121.84a50,50,0,0,0-50-50H9Z"
      />
      <polygon
        className="cls-1"
        points="271.44 211.5 227.56 211.5 205.62 249.5 227.56 287.5 271.44 287.5 293.38 249.5 271.44 211.5"
      />
      <path
        className="cls-1"
        d="M489.5,490H205a50,50,0,0,1-50-50V340H343v37.16a50,50,0,0,0,50,50h96.5Z"
      />
    </g>
  </svg>
);

export const ServiceIcon6 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_6" data-name="6">
      <g>
        <polyline
          className="cls-1"
          points="329.67 190.33 329.67 169.33 308.67 169.33"
        />
        <line
          className="cls-2"
          x1="269.22"
          y1="169.33"
          x2="210.06"
          y2="169.33"
        />
        <polyline
          className="cls-1"
          points="190.33 169.33 169.33 169.33 169.33 190.33"
        />
        <line
          className="cls-2"
          x1="169.33"
          y1="229.78"
          x2="169.33"
          y2="288.94"
        />
        <polyline
          className="cls-1"
          points="169.33 308.67 169.33 329.67 190.33 329.67"
        />
        <line
          className="cls-2"
          x1="229.78"
          y1="329.67"
          x2="288.94"
          y2="329.67"
        />
        <polyline
          className="cls-1"
          points="308.67 329.67 329.67 329.67 329.67 308.67"
        />
        <line
          className="cls-2"
          x1="329.67"
          y1="269.22"
          x2="329.67"
          y2="210.06"
        />
      </g>
      <polygon
        className="cls-1"
        points="169.33 169.33 9 169.33 9 329.67 169.33 329.67 169.33 490 329.67 490 329.67 329.67 490 329.67 490 169.33 329.67 169.33 329.67 9 169.33 9 169.33 169.33"
      />
    </g>
  </svg>
);

export const ServiceIcon7 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_7" data-name="7">
      <rect
        className="cls-1"
        x="123.5"
        y="93.5"
        width="252"
        height="70"
        rx="12"
        ry="12"
      />
      <path
        className="cls-1"
        d="M297.45,356.06a15.68,15.68,0,0,1,0-22.17l3.33-3.32a15.68,15.68,0,0,1,22.17,0l77.75,77.75a179.9,179.9,0,0,0,29.57-99.09V59a50,50,0,0,0-50-50H118.73a50,50,0,0,0-50,50V307.25c0,105.61,86.36,188.75,191.78,182.42a180.17,180.17,0,0,0,117.37-53.18Z"
      />
      <polyline
        className="cls-1"
        points="298.03 331.14 240.26 273.37 221.97 291.66"
      />
      <path
        className="cls-1"
        d="M188.11,297.16,144,370l72.81-44.11a8,8,0,0,0,3.11-1.89c4.9-4.9,2.17-15.57-6.09-23.83s-18.94-11-23.83-6.1A7.92,7.92,0,0,0,188.11,297.16Z"
      />
    </g>
  </svg>
);

export const ServiceIcon8 = () => (
  <svg
    id="Layer_1"
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 500 500"
  >
    <title>serviceIcons</title>
    <g id="_8" data-name="8">
      <rect
        className="cls-1"
        x="9"
        y="105.44"
        width="481"
        height="193.13"
        rx="96.56"
      />
      <circle className="cls-1" cx="103.74" cy="201.39" r="53.44" />
      <circle className="cls-1" cx="396.47" cy="201.39" r="53.44" />
      <circle className="cls-1" cx="249.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="299.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="149.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="349.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="99.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="399.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="274.5" cy="382.5" r="11" />
      <circle className="cls-1" cx="199.5" cy="342.5" r="11" />
      <circle className="cls-1" cx="324.5" cy="382.5" r="11" />
      <circle className="cls-1" cx="374.5" cy="382.5" r="11" />
      <circle className="cls-1" cx="224.5" cy="382.5" r="11" />
      <circle className="cls-1" cx="174.5" cy="382.5" r="11" />
      <circle className="cls-1" cx="124.5" cy="382.5" r="11" />
    </g>
  </svg>
);
