import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconDeviceMobileSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-shein-icon customeow-shein-icon-icon-device-mobile-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.53139 2.00118L12.2945 2C13.1455 2 13.5219 2.07753 13.8409 2.2243L13.9753 2.29142C14.3309 2.48157 14.61 2.76061 14.8001 3.11618L14.8672 3.25058C15.014 3.56959 15.0915 3.94598 15.0915 4.79697V15.203C15.0915 16.054 15.014 16.4305 14.8672 16.7495L14.8001 16.8839C14.61 17.2394 14.3309 17.5185 13.9753 17.7086L13.8409 17.7758C13.5219 17.9225 13.1455 18 12.2945 18H7.70664C6.85565 18 6.47925 17.9225 6.16025 17.7758L6.02584 17.7086C5.67028 17.5185 5.39124 17.2394 5.20109 16.8839L5.13397 16.7495C4.99768 16.4532 4.9211 16.1076 4.91085 15.3783L4.90967 4.79697C4.90967 3.94598 4.9872 3.56959 5.13397 3.25058L5.20109 3.11618C5.39124 2.76061 5.67028 2.48157 6.02584 2.29142L6.16025 2.2243C6.45646 2.08801 6.80216 2.01143 7.53139 2.00118ZM7.57086 3.45502H12.4296L12.5507 3.45654L12.7544 3.46283L12.914 3.47387C13.0311 3.48515 13.1116 3.50181 13.1785 3.52501L13.2536 3.55604L13.289 3.57404C13.3911 3.62863 13.4625 3.70005 13.5171 3.80212L13.5351 3.83754L13.5661 3.91269C13.594 3.9929 13.6124 4.09274 13.6234 4.25201L13.632 4.43254L13.6361 4.66153L13.6366 13.7485L13.6346 14.005L13.6283 14.2087L13.6173 14.3683C13.606 14.4855 13.5893 14.5659 13.5661 14.6328L13.5351 14.7079L13.5171 14.7433C13.4625 14.8454 13.3911 14.9169 13.289 14.9714L13.2536 14.9894L13.1785 15.0205C13.0983 15.0483 12.9984 15.0668 12.8391 15.0778L12.6586 15.0863L12.4296 15.0904L7.70628 15.0909L7.44976 15.0889L7.24609 15.0827L7.08646 15.0716C6.96933 15.0603 6.88885 15.0437 6.82201 15.0205L6.74687 14.9894L6.71145 14.9714C6.60937 14.9169 6.53796 14.8454 6.48337 14.7433L6.46537 14.7079L6.43434 14.6328C6.40651 14.5526 6.38807 14.4528 6.37705 14.2935L6.36844 14.1129L6.36435 13.8839L6.36386 4.79696L6.36586 4.54042L6.37216 4.33677L6.38319 4.17714C6.39447 4.06001 6.41114 3.97952 6.43434 3.91269L6.46537 3.83754L6.48337 3.80212C6.53796 3.70005 6.60937 3.62863 6.71145 3.57404L6.74687 3.55604L6.82201 3.52501C6.90222 3.49718 7.00206 3.47874 7.16133 3.46773L7.34187 3.45912L7.57086 3.45502ZM9.99953 15.8182C9.59786 15.8182 9.27225 16.1439 9.27225 16.5455C9.27225 16.9471 9.59786 17.2728 9.99953 17.2728C10.4012 17.2728 10.7268 16.9471 10.7268 16.5455C10.7268 16.1439 10.4012 15.8182 9.99953 15.8182Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDeviceMobileSolid.displayName = "IconDeviceMobileSolid";

export default IconDeviceMobileSolid;