/* Auto-generated, do not edit */
import React from 'react';

interface Props {
  size?: number | string;
  width?: number | string;
  height?: number | string;
  fill?: string;
}

function Color_device_mobile(props: Props) {
    const { size = 14, width = size, height = size, fill = '' } = props;
    return (
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
<rect width="32" height="32" rx="10" fill="url(#paint0_linear_451_13943)"/>
<g clipPath="url(#clip0_451_13943)">
<path d="M20.875 6H11.125C10.2275 6 9.5 6.89543 9.5 8V24C9.5 25.1046 10.2275 26 11.125 26H20.875C21.7725 26 22.5 25.1046 22.5 24V8C22.5 6.89543 21.7725 6 20.875 6Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M14.5 9.03186H17.5" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
</g>
<defs>
<linearGradient id="paint0_linear_451_13943" x1="16" y1="0" x2="16" y2="32" gradientUnits="userSpaceOnUse">
<stop stopColor="#E2E4F6"/>
<stop offset="0.415" stopColor="#FFF0F8"/>
<stop offset="1" stopColor="#FDFAC4" stopOpacity="0.8"/>
</linearGradient>
<clipPath id="clip0_451_13943">
<rect width="15" height="22" fill="white" transform="translate(8.5 5)"/>
</clipPath>
</defs>
</svg>
  );
}

export default Color_device_mobile;
