gabrielbull/react-desktop

import React from 'react';

export const searchIcon1x = (
  <svg x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
    <path fill="none" stroke="#686868" strokeWidth="1.1" strokeMiterlimit="10" d="M4.5,0.5c2.3,0,3.9,1.1,4.3,4.1C8.5,7.4,7.6,8.3,4.5,8.7c-2.8-0.3-4-2-4-4.3C0.5,1.6,2.6,0.5,4.5,0.5z"/>
    <line fill="none" stroke="#686868" strokeWidth="1.1" strokeMiterlimit="10" x1="7.9" y1="7.9" x2="11.1" y2="11.1"/>
  </svg>
);

export const searchIcon2x = (
  <svg x="0px" y="0px" width="12px" height="12px" viewBox="0 0 25 24">
    <path fill="none" stroke="#686868" strokeWidth="1.8" strokeMiterlimit="10" d="M1.7,10.1c0-4.6,3.7-8.4,8.3-8.4s8.4,3.7,8.4,8.3s-3.8,8.5-8.4,8.5S1.7,14.7,1.7,10.1z"/>
    <line fill="none" stroke="#686868" strokeWidth="1.8" strokeMiterlimit="10" x1="17" y1="16" x2="24.3" y2="23.3"/>
  </svg>
);

export const cancelIcon1x = (
  <svg x="0px" y="0px" width="14px" height="14px" viewBox="0 0 14 14">
    <circle fill="#7B7B7B" cx="7" cy="7" r="6.6"/>
    <line fill="none" stroke="#FFFFFF" strokeWidth="1.1" strokeMiterlimit="10" x1="4" y1="4" x2="10" y2="10"/>
    <line fill="none" stroke="#FFFFFF" strokeWidth="1.1" strokeMiterlimit="10" x1="4" y1="10" x2="10" y2="4"/>
  </svg>
);

export const cancelIcon2x = (
  <svg x="0px" y="0px" width="14px" height="14px" viewBox="0 0 28 28">
    <circle fill="#7B7B7B" cx="14" cy="14" r="13.6"/>
    <line fill="none" stroke="#FFFFFF" strokeWidth="2.5" strokeMiterlimit="10" x1="8" y1="8" x2="19.7" y2="19.6"/>
    <line fill="none" stroke="#FFFFFF" strokeWidth="2.5" strokeMiterlimit="10" x1="8" y1="19.7" x2="19.7" y2="8"/>
  </svg>
);