import React from 'react';
import { CustomSVGProps } from '../type';
import '../index.less';

const Offlinesel = (props: CustomSVGProps) => (
  <span className={'icon'}>
    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
    <g fill="none" fillRule="nonzero">
      <path
        fill="#09F"
        d="M6.854 5.646 8 6.793l1.146-1.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 0 .708L8.707 7.5l1.147 1.146a.5.5 0 0 1-.708.708L8 8.207 6.854 9.354a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1 0-.708L7.293 7.5 6.146 6.354a.5.5 0 1 1 .708-.708Z"
      />
      <path
        fill="currentColor"
        d="M13 2H3a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm0 1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10ZM4.5 14h7a.5.5 0 1 1 0 1h-7a.5.5 0 1 1 0-1Z"
      />
    </g>
    </svg>
</span>
);

export default Offlinesel;
