import PropTypes from "prop-types";

export const MyApplicationsIcon = () => (
  <svg className="my-applications" viewBox="0 0 25 25">
    <g>
      <g transform="translate(0.000000, 0.629018)">
        <polygon points="12 23.0964379 24 15.374457 24 16.3397046 12 24.0616855 0 16.3397046 0 15.374457"></polygon>
        <polygon points="12 19.2701998 24 11.5482189 24 12.5134666 12 20.2354474 0 12.5134666 0 11.5482189"></polygon>
        <path d="M23.25,8.20460469 L12,0.965247611 L0.75,8.20460469 L12,15.4439618 L23.25,8.20460469 Z M24,7.72198089 L24,8.6872285 L12,16.4092094 L0,8.6872285 L0,7.72198089 L12,0 L24,7.72198089 Z"></path>
      </g>
    </g>
  </svg>
);

export const UserSignInIcon = () => (
  <svg className="user-sign-in" viewBox="0 0 25 25">
    <path
      d="M26.6,22.9c-1.2-2.3-3.3-4-5.7-4.7l-2.5-0.7c-0.1,0-0.1,0-0.1-0.1c0,0,0-0.1,0-0.2l1.8-2
          c1.5-1.6,2.1-3.8,1.9-5.9l-0.3-2.4c-0.3-2.3-1.5-4.3-3.4-5.5l-0.1,0c-1.2-0.8-2.6-1.1-4-1.1c-1.5,0-2.9,0.4-4.3,1.3
          c-1.8,1.2-2.9,3-3.2,5.1L6.2,9.1c-0.3,2.2,0.3,4.5,1.8,6.2l1.7,1.9c0,0,0,0,0,0.1c0,0.1,0,0.1,0,0.2c0,0.1-0.1,0.1-0.1,0.1l-2.5,0.7
          c-2.4,0.7-4.5,2.4-5.7,4.7c-0.5,1-0.5,2.3,0.1,3.3c0.7,1,1.8,1.6,2.9,1.6h19.3c1.2,0,2.3-0.6,2.9-1.6C27.2,25.3,27.2,24,26.6,22.9z
          M11.1,18.1c0.2-0.4,0.2-0.9,0.1-1.4c-0.1-0.2-0.2-0.4-0.3-0.5l-1.7-1.9C8,13,7.5,11.1,7.7,9.3l0.4-2.6c0.3-1.7,1.2-3.2,2.6-4.1
          c1-0.7,2.2-1,3.4-1c1.2,0,2.3,0.3,3.3,1l0.1,0h0C19,3.6,20,5.2,20.2,7l0.3,2.4c0.2,1.7-0.3,3.4-1.5,4.7l-1.8,2
          c-0.1,0.2-0.2,0.3-0.3,0.5c-0.2,0.4-0.1,0.9,0.1,1.4c0.2,0.4,0.6,0.7,1,0.9l2.5,0.7c2.1,0.6,3.8,2,4.8,3.9c0.3,0.6,0.3,1.3-0.1,1.8
          c-0.3,0.5-0.9,0.9-1.6,0.9H4.4c-0.7,0-1.2-0.4-1.6-0.9c-0.3-0.6-0.3-1.2,0-1.8l0,0c1-1.9,2.7-3.3,4.8-3.9l2.5-0.7
          C10.5,18.8,10.9,18.5,11.1,18.1z"
    />
  </svg>
);

export const MyTestDataIcon = () => (
  <svg className="my-test-data" viewBox="0 0 24 24">
    <path d="M0 0h24v24H0z" fill="none" />
    <path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z" />
  </svg>
);

export const ReportDataIcon = () => (
  <svg className="report-data" viewBox="0 0 35 35">
    <title>report-data</title>
    <g>
      <polygon points="11.5,15.5 12.6,16.5 16.9,11.8 16.9,26.3 18.1,26.3 18.1,11.8 22.4,16.5 23.5,15.5 17.5,9 	" />
      <path
        d="M32.8,17.5c0-2.1-0.4-4.1-1.2-6c-2.3-5.5-7.8-9.4-14.1-9.4c-6.7,0-12.4,4.3-14.4,10.3c-0.5,1.6-0.9,3.3-0.9,5
          c0,3.7,1.3,7.1,3.5,9.8c2.8,3.4,7,5.5,11.8,5.5c3.2,0,6.1-1,8.6-2.6C30.1,27.4,32.8,22.8,32.8,17.5z M17.5,31.6c-3.1,0-6-1-8.3-2.7
          c-3.5-2.6-5.8-6.7-5.8-11.4c0-1.5,0.2-2.9,0.6-4.2c1.8-5.7,7.2-9.9,13.5-9.9c5.9,0,10.9,3.6,13.1,8.8c0.7,1.7,1.1,3.5,1.1,5.4
          c0,6-3.7,11.1-8.9,13.1C21.1,31.3,19.3,31.6,17.5,31.6z"
      />
    </g>
  </svg>
);

export const ManageUsersIcon = () => (
  <svg className="manage-users-svg" viewBox="0 0 25 25">
    <g>
      <path
        d="M4.4,10.8V0.2H3.6v10.7c-1.9,0.2-3.4,1.8-3.4,3.8s1.5,3.6,3.4,3.8v6.4h0.9v-6.4c1.9-0.2,3.4-1.8,3.4-3.8
  S6.3,11.1,4.4,10.8z M4,17.6c-1.6,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S5.6,17.6,4,17.6z"
      />
      <path
        d="M12.9,2.3V0.2h-0.9v2.2c-1.9,0.2-3.4,1.8-3.4,3.8c0,2,1.5,3.6,3.4,3.8v14.9h0.9V9.9c1.9-0.2,3.4-1.8,3.4-3.8
  C16.3,4.2,14.8,2.6,12.9,2.3z M12.5,9.1c-1.6,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S14.1,9.1,12.5,9.1z"
      />
      <path
        d="M24.8,18.9c0-2-1.5-3.6-3.4-3.8V0.2h-0.9v14.9c-1.9,0.2-3.4,1.8-3.4,3.8s1.5,3.6,3.4,3.8v2.2h0.9v-2.2
  C23.3,22.4,24.8,20.8,24.8,18.9z M21,21.8c-1.6,0-3-1.3-3-3c0-1.6,1.3-3,3-3s3,1.3,3,3C24,20.5,22.6,21.8,21,21.8z"
      />
    </g>
  </svg>
);

export const AccountHomeIcon = () => (
  <svg className="account-home-icon" viewBox="0 0 25 25">
    <path d="M8.5,24 L8.5,15 C8.5,14.7238576 8.72385763,14.5 9,14.5 L16,14.5 C16.2761424,14.5 16.5,14.7238576 16.5,15 L16.5,24 L22.5,24 L22.5,9.238536 L12.5,1.14329791 L2.5,9.238536 L2.5,24 L8.5,24 Z M1.68540089,8.61137756 L12.1854009,0.111377565 C12.3688463,-0.0371258549 12.6311537,-0.0371258549 12.8145991,0.111377565 L23.3145991,8.61137756 C23.4318689,8.70631024 23.5,8.8491212 23.5,9 L23.5,24.5 C23.5,24.7761424 23.2761424,25 23,25 L2,25 C1.72385763,25 1.5,24.7761424 1.5,24.5 L1.5,9 C1.5,8.8491212 1.56813111,8.70631024 1.68540089,8.61137756 Z M9.5,15.5 L9.5,24 L15.5,24 L15.5,15.5 L9.5,15.5 Z"></path>
  </svg>
);

export const FacilityBasedPreviewIcon = () => (
  <svg className="facility-based-preview-svg" viewBox="0 0 25 25">
    <g>
      <path d="M24.498 23.234l-5.359-5.262c.427-.79.651-1.672.651-2.575 0-1.848-.959-3.582-2.521-4.596V4.792a.513.513 0 0 0-.155-.366L12.762.152A.533.533 0 0 0 12.389 0H.547A.523.523 0 0 0 .02.518v22.154c0 .286.236.517.527.517h16.194a.523.523 0 0 0 .528-.517v-1.954l4.896 4.807c.311.306.726.475 1.166.475.441 0 .855-.169 1.167-.475a1.601 1.601 0 0 0 0-2.29zm-9.03-18.96h-2.552V1.768l1.276 1.253 1.276 1.253zm.746 16.255v1.625H1.074V1.036h10.787v3.756c0 .286.236.518.528.518h3.825v4.955a5.705 5.705 0 0 0-2.03-.373c-3.091 0-5.606 2.47-5.606 5.505 0 3.036 2.515 5.505 5.606 5.505.697 0 1.386-.128 2.03-.373zm.397-1.35l-.136.08a4.61 4.61 0 0 1-2.291.608c-2.51 0-4.551-2.005-4.551-4.47 0-2.464 2.041-4.47 4.551-4.47.806 0 1.599.21 2.291.608 1.394.8 2.26 2.28 2.26 3.862 0 .847-.242 1.671-.7 2.384a4.561 4.561 0 0 1-1.424 1.397zm7.141 5.614a.597.597 0 0 1-.42.171.596.596 0 0 1-.421-.171l-5.206-5.112a5.64 5.64 0 0 0 .84-.827h.001l5.206 5.113a.577.577 0 0 1 0 .826z" />
      <path d="M12.28 12.348a3.542 3.542 0 0 0-1.738 3.05c0 .285.236.517.527.517a.523.523 0 0 0 .528-.518c0-.89.462-1.7 1.235-2.167a.513.513 0 0 0 .174-.712.533.533 0 0 0-.726-.17zM16.018 12.307a3.691 3.691 0 0 0-1.834-.486.523.523 0 0 0-.528.518c0 .286.237.518.528.518.458 0 .909.119 1.302.345a.533.533 0 0 0 .722-.186.513.513 0 0 0-.19-.709z" />
    </g>
  </svg>
);

export const PaymentIcon = () => (
  <svg className="payment-icon" viewBox="0 0 25 25">
    <g>
      <path d="M12.1618195,20.7968379 L12.1618195,12.9463878 C10.781964,12.4923749 9.69910643,12.0472873 8.91321499,11.6111111 C8.11242203,11.1666644 7.51873961,10.6203736 7.1321499,9.97222222 C6.7455602,9.32407083 6.55226824,8.5 6.55226824,7.5 C6.55226824,6.14814139 7.0447025,5.01389347 8.0295858,4.09722222 C9.01446909,3.18055097 10.3905237,2.65740806 12.1577909,2.52777778 L12.1577909,0.611111111 C12.1577909,0.425925 12.2130172,0.277778333 12.3234714,0.166666667 C12.4339256,0.055555 12.5811957,0 12.765286,0 L13.2899408,0 C13.4740312,0 13.6213012,0.055555 13.7317554,0.166666667 C13.8422096,0.277778333 13.8974359,0.425925 13.8974359,0.611111111 L13.8974359,2.55555556 C15.057205,2.66666722 16.0512779,2.97221972 16.8796844,3.47222222 C17.7080909,3.97222472 18.3339887,4.56944097 18.7573964,5.26388889 C19.1808042,5.95833681 19.4109137,6.65740389 19.4477318,7.36111111 C19.4477318,7.50926 19.3971077,7.63888833 19.295858,7.75 C19.1946083,7.86111167 19.0519404,7.91666667 18.8678501,7.91666667 L18.3155819,7.91666667 C18.1867186,7.91666667 18.0578573,7.87500042 17.9289941,7.79166667 C17.8001308,7.70833292 17.7264958,7.56481583 17.7080868,7.36111111 C17.5976326,6.43518056 17.1051983,5.67129931 16.2307692,5.06944444 C15.5784594,4.62047057 14.8006641,4.33896279 13.8973694,4.22491735 L13.8973694,11.7499783 C15.4069766,12.2314839 16.5851371,12.6944422 17.4319527,13.1388889 C18.2787682,13.5833356 18.9184725,14.1203672 19.3510848,14.75 C19.7836971,15.3796328 20,16.1944394 20,17.1944444 C20,18.7500078 19.4615438,19.9861065 18.3846154,20.9027778 C17.3076869,21.819449 15.8119754,22.3425919 13.8974359,22.4722222 L13.8974359,24.3888889 C13.8974359,24.574075 13.8422096,24.7222217 13.7317554,24.8333333 C13.6213012,24.944445 13.4740312,25 13.2899408,25 L12.765286,25 C12.5811957,25 12.4339256,24.944445 12.3234714,24.8333333 C12.2130172,24.7222217 12.1577909,24.574075 12.1577909,24.3888889 L12.1577909,22.4444444 C10.9059766,22.3518514 9.81985996,22.0648172 8.89940828,21.5833333 C7.97895661,21.1018494 7.27482164,20.5046332 6.78698225,19.7916667 C6.29914286,19.0787001 6.03681807,18.3148189 6,17.5 C6,17.3518511 6.05522627,17.2222228 6.16568047,17.1111111 C6.27613467,17 6.41420036,16.9444444 6.57988166,16.9444444 L7.1321499,16.9444444 C7.4635125,16.9444444 7.66600884,17.1296278 7.73964497,17.5 C7.86850821,18.3888933 8.37474903,19.1666633 9.25838264,19.8333333 C9.97320875,20.3726414 10.9410143,20.6938096 12.1618195,20.7968379 Z M13.8973694,20.8073012 C15.2350836,20.7193579 16.2613967,20.4085927 16.9763314,19.875 C17.8323514,19.2361079 18.260355,18.3425983 18.260355,17.1944444 C18.260355,16.4907372 18.0532565,15.9120393 17.6390533,15.4583333 C17.22485,15.0046274 16.6219632,14.6064832 15.8303748,14.2638889 C15.3408921,14.052044 14.6965598,13.8065676 13.8973694,13.5274567 L13.8973694,20.8073012 Z M12.1618195,4.19615363 C11.0995324,4.28099937 10.2283731,4.54894668 9.54832347,5 C8.71071245,5.55555833 8.29191321,6.38888333 8.29191321,7.5 C8.29191321,8.22222583 8.48060298,8.81944208 8.85798817,9.29166667 C9.23537335,9.76389125 9.80144264,10.1712946 10.556213,10.5138889 C10.9788577,10.7057296 11.5140579,10.9193435 12.1618195,11.1547327 L12.1618195,4.19615363 Z"></path>
    </g>
  </svg>
);

export const PhysicianCompareIcon = () => (
  <svg className="physician-compare-icon" viewBox="0 0 25 25">
    <g id="Page-1" stroke="none" strokeWidth="1">
      <g id="Physician-Compare_Physician-Compare">
        <path d="M19.2204301,5 L18.1451613,5 C17.7419355,5 17.4731183,5.2601626 17.4731183,5.6504065 C17.4731183,6.04065041 17.7419355,6.30081301 18.1451613,6.30081301 L19.2204301,6.30081301 C19.3548387,6.30081301 19.4892473,6.43089431 19.4892473,6.56097561 L19.4892473,11.8943089 C19.4892473,13.3252033 18.2795699,14.6260163 16.6666667,14.6260163 C15.0537634,14.6260163 13.844086,13.4552846 13.844086,11.8943089 L13.844086,6.56097561 C13.844086,6.43089431 13.9784946,6.30081301 14.1129032,6.30081301 L15.188172,6.30081301 C15.5913978,6.30081301 15.8602151,6.04065041 15.8602151,5.6504065 C15.8602151,5.2601626 15.5913978,5 15.188172,5 L14.1129032,5 C13.3064516,5 12.5,5.6504065 12.5,6.56097561 L12.5,11.8943089 C12.5,13.8455285 13.9784946,15.5365854 15.9946237,15.9268293 C15.8602151,18.398374 14.6505376,19.699187 12.5,19.699187 L12.2311828,19.699187 C9.40860215,19.699187 8.33333333,17.2276423 8.33333333,15.6666667 L8.33333333,14.495935 C9.67741935,14.1056911 10.6182796,12.9349593 10.6182796,11.504065 C10.7526882,9.81300813 9.27419355,8.38211382 7.52688172,8.38211382 C5.77956989,8.38211382 4.16666667,9.81300813 4.16666667,11.504065 C4.16666667,13.0650407 5.37634409,14.3658537 6.98924731,14.6260163 L6.98924731,15.6666667 C6.98924731,18.2682927 8.87096774,21 12.2311828,21 L12.5,21 C15.4569892,21 17.2043011,19.1788618 17.3387097,15.796748 C19.3548387,15.5365854 20.8333333,13.8455285 20.8333333,11.7642276 L20.8333333,6.56097561 C20.8333333,5.6504065 20.1612903,5 19.2204301,5 Z M5.77956989,11.504065 C5.77956989,10.5934959 6.58602151,9.94308943 7.39247312,9.94308943 C8.19892473,9.94308943 9.00537634,10.7235772 9.00537634,11.504065 C9.00537634,12.2845528 8.33333333,13.195122 7.52688172,13.195122 C6.72043011,13.195122 5.77956989,12.4146341 5.77956989,11.504065 Z"></path>
        <path d="M20.718232,0 L4.14364641,0 C1.79558011,0 0,1.82291667 0,3.90625 L0,21.09375 C0,23.3072917 1.93370166,25 4.14364641,25 L20.8563536,25 C23.2044199,25 25,23.1770833 25,21.09375 L25,3.90625 C24.8618785,1.82291667 23.0662983,0 20.718232,0 Z M23.480663,21.09375 C23.480663,22.5260417 22.2375691,23.6979167 20.718232,23.6979167 L4.14364641,23.6979167 C2.62430939,23.6979167 1.38121547,22.5260417 1.38121547,21.09375 L1.38121547,3.90625 C1.38121547,2.47395833 2.62430939,1.30208333 4.14364641,1.30208333 L20.8563536,1.30208333 C22.3756906,1.30208333 23.6187845,2.47395833 23.6187845,3.90625 L23.6187845,21.09375 L23.480663,21.09375 Z"></path>
      </g>
    </g>
  </svg>
);

export const HardshipIcon = () => (
  <svg className="hardship-icon" viewBox="0 0 25 25" version="1.1">
    <g>
      <g transform="translate(2.000000, 0.000000)" fillRule="nonzero">
        <path d="M18.7721739,2.6119403 L14.4991304,2.6119403 L12.4813043,2.6119403 C12.5178261,2.44402985 12.5543478,2.2761194 12.5543478,2.0988806 C12.5543478,0.942164179 11.6321739,0 10.5,0 C9.36782609,0 8.44565217,0.942164179 8.44565217,2.0988806 C8.44565217,2.2761194 8.47304348,2.44402985 8.51869565,2.6119403 L6.49173913,2.6119403 L2.21869565,2.6119403 C0.995217391,2.6119403 0,3.62873134 0,4.8880597 L0,22.733209 C0,23.983209 0.995217391,25 2.21869565,25 L18.7721739,25 C19.9956522,25 21,23.983209 21,22.7238806 L21,4.8880597 C21,3.62873134 19.9956522,2.6119403 18.7721739,2.6119403 Z M10.5,0.932835821 C11.13,0.932835821 11.6413043,1.45522388 11.6413043,2.0988806 C11.6413043,2.31343284 11.5682609,2.5 11.4769565,2.66791045 C11.403913,2.7891791 11.3126087,2.9011194 11.2030435,2.99440299 C11.1482609,3.04104478 11.0843478,3.08768657 11.0204348,3.125 C10.9747826,3.14365672 10.9382609,3.17164179 10.8926087,3.19029851 C10.7647826,3.22761194 10.6369565,3.26492537 10.5,3.26492537 C10.3630435,3.26492537 10.2352174,3.22761194 10.1165217,3.18097015 C10.0708696,3.16231343 10.0343478,3.14365672 9.98869565,3.11567164 C9.92478261,3.07835821 9.86086957,3.03171642 9.80608696,2.98507463 C9.6873913,2.89179104 9.59608696,2.77052239 9.52304348,2.63992537 C9.43173913,2.47201493 9.36782609,2.29477612 9.36782609,2.08955224 C9.35869565,1.45522388 9.87,0.932835821 10.5,0.932835821 Z M20.0869565,22.7238806 C20.0869565,23.4608209 19.5026087,24.0671642 18.7721739,24.0671642 L2.21869565,24.0671642 C1.4973913,24.0671642 0.903913043,23.4701493 0.903913043,22.7238806 L0.903913043,4.8880597 C0.913043478,4.14179104 1.4973913,3.54477612 2.21869565,3.54477612 L6.49173913,3.54477612 L6.49173913,4.38432836 C6.49173913,4.95335821 6.93913043,5.41044776 7.49608696,5.41044776 L13.503913,5.41044776 C14.0608696,5.41044776 14.5082609,4.95335821 14.5082609,4.38432836 L14.5082609,3.54477612 L18.7813043,3.54477612 C19.5026087,3.54477612 20.096087,4.14179104 20.096087,4.8880597 L20.096087,22.7238806 L20.0869565,22.7238806 L20.0869565,22.7238806 Z"></path>
        <g transform="translate(4.000000, 9.000000)">
          <rect x="3.50571429" y="7.24" width="7.97142857" height="1"></rect>
          <rect x="0.848571429" y="7.24" width="1.37142857" height="1"></rect>
          <rect x="6.50571429" y="2.17" width="4.97142857" height="1"></rect>
          <polygon points="2.13428571 4.04 0.402857143 2.01 1.01142857 1.31 2.13428571 2.62 4.03714286 0.41 4.64571429 1.11"></polygon>
        </g>
      </g>
    </g>
  </svg>
);

export const TargetIcon = () => (
  <svg className="target-icon stroke-based-icon" viewBox="0 0 25 25">
    <g strokeWidth="1" fill="none" fillRule="evenodd">
      <g transform="translate(1.000000, 1.000000)">
        <path
          d="M15.6521739,13.3410862 C14.9799955,14.9155188 13.3391142,15.8471825 11.6426584,15.617619 C9.9462025,15.3880555 8.61194453,14.0537975 8.38238102,12.3573416 C8.15281751,10.6608858 9.08448121,9.0200045 10.6589138,8.34782609"
          strokeLinecap="round"
        ></path>
        <path
          d="M19.826087,11.4686261 C19.5475194,15.6524455 16.0240274,18.8752139 11.8318419,18.780577 C7.63965639,18.6859401 4.26519733,15.3074531 4.17572893,11.1153254 C4.08626053,6.92319774 7.31350554,3.40382874 11.4978365,3.13043478"
          strokeLinecap="round"
        ></path>
        <path
          d="M22.9565217,10.4801044 C22.9565217,10.8094757 22.9565217,11.1488279 22.9565217,11.4781992 C22.9565217,16.1251852 20.1544991,20.3136359 15.8592987,22.0872623 C11.5640982,23.8608888 6.62327363,22.8696906 3.3445233,19.5766243 C0.065772964,16.283558 -0.903887735,11.3384639 0.888438166,7.05103466 C2.68076407,2.7636054 6.8813862,-0.0200950351 11.5283306,0 C11.867683,0 12.2070354,0 12.5264259,0"
          strokeLinecap="round"
        ></path>
        <path
          d="M23.4104348,8.34782609 C23.4626087,8.69217391 23.5147826,9.04695652 23.546087,9.39130435"
          strokeLinecap="round"
        ></path>
        <path d="M19.0559527,8.3085908 L16.1993898,7.27346855 C15.9679825,7.18675289 15.7867762,7.00255341 15.7042523,6.77015223 L14.6758896,3.9211919 C14.5392501,3.60164864 14.6150694,3.23112279 14.8663271,2.99053153 L17.5610181,0.255529619 C17.7680939,0.0454487694 18.069052,-0.043464617 18.357445,0.020237671 C18.6458381,0.083939959 18.8810085,0.291277194 18.9797777,0.568915255 L19.7415278,2.61067015 C19.8301804,2.85007338 20.017334,3.04018548 20.2557092,3.13297955 L22.4076532,3.94968151 C22.6793557,4.05644917 22.8788566,4.29253202 22.938341,4.57768034 C22.9978255,4.86282867 22.9092906,5.15867892 22.7028314,5.36466513 L19.960531,8.07117744 C19.7289278,8.31564041 19.3782081,8.40768945 19.0559527,8.3085908 Z"></path>
        <line
          x1="12.5217391"
          y1="10.4347826"
          x2="16.6956522"
          y2="6.26086957"
          strokeLinecap="round"
        ></line>
      </g>
    </g>
  </svg>
);

export const ReportsIcon = () => (
  <svg className="reports-icon" viewBox="0 0 25 25">
    <g>
      <path d="M17.933,0 C18.1717358,0 18.3968908,0.110656353 18.5402903,0.296256203 L22.7874693,5.70648432 C22.9255465,5.88258285 23,6.10021604 23,6.324 L23,24 C23,24.5521424 22.5521424,25 22,25 L3,25 C2.44785763,25 2,24.5521424 2,24 L2,1 C2,0.447857625 2.44785763,0 3,0 L17.933,0 Z M16.937,1 L3,1 L3,24 L22,24 L22,7 L18.4371948,7 C17.6087677,7 16.9371948,6.32842712 16.9371948,5.5 L16.937,1 Z M16.5,20 C16.7761424,20 17,20.2238576 17,20.5 C17,20.7761424 16.7761424,21 16.5,21 L8.5,21 C8.22385763,21 8,20.7761424 8,20.5 C8,20.2238576 8.22385763,20 8.5,20 L16.5,20 Z M12.5,6 C12.7761424,6 13,6.22385763 13,6.5 L12.999,16.41 L15.4105156,14 C15.5840819,13.8264336 15.8535063,13.8071485 16.0483745,13.9421445 L16.1176224,14 C16.3128845,14.1952621 16.3128845,14.5118446 16.1176224,14.7071068 L16.1176224,14.7071068 L12.8535534,17.9711757 C12.6582912,18.1664379 12.3417088,18.1664379 12.1464466,17.9711757 L12.1464466,17.9711757 L8.88237764,14.7071068 C8.6871155,14.5118446 8.6871155,14.1952621 8.88237764,14 C9.07763979,13.8047379 9.39422228,13.8047379 9.58948443,14 L9.58948443,14 L11.999,16.41 L12,6.5 C12,6.22385763 12.2238576,6 12.5,6 Z M17.937,1.148 L17.9371948,5.5 C17.9371948,5.77614237 18.1610524,6 18.4371948,6 L21.746,6 L17.937,1.148 Z"></path>
    </g>
  </svg>
);

export const HelpSupportIcon = () => (
  <svg className="help-support" viewBox="0 0 25 25">
    <g>
      <path
        d="M12.5,0.3C5.8,0.3,0.3,5.8,0.3,12.5s5.5,12.2,12.2,12.2s12.2-5.5,12.2-12.2S19.2,0.3,12.5,0.3z M12.5,23.8
  c-6.2,0-11.3-5.1-11.3-11.3S6.3,1.2,12.5,1.2s11.3,5.1,11.3,11.3S18.7,23.8,12.5,23.8z"
      />
      <path
        d="M12.5,10.7h-0.4c-0.1,0-0.3,0-0.3,0.1c-0.1,0.1-0.1,0.2-0.1,0.3v8c0,0.1,0,0.3,0.1,0.3
  c0.1,0.1,0.2,0.1,0.3,0.1h0.4c0.1,0,0.3,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3v-8c0-0.1,0-0.3-0.1-0.3C12.8,10.7,12.7,10.7,12.5,10.7z"
      />
      <path
        d="M12.6,6.7h-0.5c-0.1,0-0.3,0-0.4,0.1c-0.1,0.1-0.1,0.3-0.1,0.4v0.5c0,0.1,0,0.3,0.1,0.3
  c0.1,0.1,0.2,0.1,0.3,0.1h0.5c0.1,0,0.3,0,0.4-0.1C13,7.9,13,7.8,13,7.6V7.2c0-0.1,0-0.3-0.1-0.4C12.8,6.7,12.7,6.7,12.6,6.7z"
      />
    </g>
  </svg>
);

export const DashboardIcon = () => (
  <svg className="dashboard-icon" viewBox="0 0 25 25">
    <g>
      <path
        d="M22.2,12.8H12.1V2.8c0-0.3-0.2-0.5-0.5-0.5h-0.1c-6.2,0-11.2,5-11.2,11.2c0,6.2,5,11.2,11.2,11.2
          c6.2,0,11.2-5,11.2-11.2v-0.1C22.7,13.1,22.5,12.8,22.2,12.8z M11.6,13.9h10c-0.2,5.4-4.7,9.7-10.1,9.7c-5.6,0-10.2-4.6-10.2-10.2
          c0-5.4,4.3-9.9,9.7-10.1v10C11.1,13.7,11.3,13.9,11.6,13.9z"
      />
      <path
        d="M24.7,9.9l0-0.1C24,4.9,20.1,1,15.2,0.3l-0.1,0l0,0c-0.1,0-0.3,0-0.4,0.1c-0.1,0.1-0.2,0.2-0.2,0.4V10
          c0,0.3,0.2,0.5,0.5,0.5h9.2c0.2,0,0.3-0.1,0.4-0.2C24.7,10.2,24.7,10.1,24.7,9.9z M23.5,9.5h-8v-8C19.5,2.2,22.8,5.5,23.5,9.5z"
      />
    </g>
  </svg>
);

export const AccountSettings = () => (
  <svg className="account-settings" viewBox="0 0 25 25">
    <g>
      <path
        d="M12.5,6.5c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S15.8,6.5,12.5,6.5z M12.5,17.5c-2.8,0-5-2.3-5-5s2.3-5,5-5
    s5,2.3,5,5S15.3,17.5,12.5,17.5z"
      />
      <path
        d="M24.5,9.8l-3-0.7c-0.1-0.2-0.2-0.4-0.2-0.6l1.6-2.6c0.1-0.2,0.1-0.4-0.1-0.6l-3.1-3.1
    c-0.1-0.2-0.4-0.2-0.6-0.1l-2.6,1.6c-0.2-0.1-0.4-0.2-0.6-0.3l-0.7-3c-0.1-0.2-0.2-0.3-0.5-0.3h-4.4c-0.2,0-0.4,0.1-0.5,0.4l-0.7,3
    C9,3.6,8.8,3.7,8.6,3.8L5.9,2.2C5.7,2,5.5,2.1,5.3,2.2L2.2,5.3C2.1,5.5,2.1,5.8,2.2,5.9l1.6,2.6C3.7,8.7,3.6,8.9,3.6,9.1l-3,0.7
    c-0.2,0-0.4,0.2-0.4,0.5v4.4c0,0.2,0.2,0.4,0.4,0.5l3,0.7c0.1,0.2,0.2,0.4,0.2,0.6l-1.6,2.6c-0.1,0.2-0.1,0.4,0.1,0.6l3.1,3.1
    c0.2,0.2,0.4,0.2,0.6,0.1l2.6-1.6c0.2,0.1,0.4,0.2,0.6,0.3l0.7,3c0,0.2,0.2,0.4,0.5,0.4h4.4c0.2,0,0.4-0.2,0.5-0.4l0.7-3
    c0.2-0.1,0.4-0.2,0.6-0.3l2.6,1.6c0.2,0.1,0.4,0.1,0.6-0.1l3.1-3.1c0.1-0.2,0.2-0.4,0.1-0.6l-1.6-2.6c0.1-0.2,0.2-0.4,0.2-0.6
    l3-0.7c0.2,0,0.4-0.2,0.4-0.5v-4.4C24.8,10.1,24.7,9.9,24.5,9.8z M20.7,15.3c-0.1,0.3-0.3,0.7-0.4,1c-0.1,0.1-0.1,0.3,0,0.5
    l1.6,2.5l-2.6,2.6l-2.5-1.6c-0.1-0.1-0.3-0.1-0.4,0c-0.3,0.1-0.6,0.3-1,0.4c-0.2,0-0.3,0.2-0.3,0.3l-0.7,2.9h-3.7L10,21
    c0-0.2-0.2-0.3-0.3-0.3c-0.4-0.1-0.7-0.3-1-0.4c-0.1-0.1-0.3-0.1-0.5,0l-2.5,1.6l-2.6-2.6l1.6-2.5c0.1-0.1,0.1-0.3,0-0.5
    c-0.2-0.3-0.3-0.7-0.4-1C4.3,15.1,4.2,15,4,15l-2.9-0.7v-3.7L4,10c0.2,0,0.3-0.2,0.3-0.3c0.1-0.3,0.2-0.6,0.4-1
    c0.1-0.1,0.1-0.3,0-0.5L3.1,5.8l2.6-2.6l2.5,1.6c0.1,0.1,0.3,0.1,0.4,0c0.3-0.1,0.6-0.3,1-0.4C9.8,4.3,10,4.2,10,4l0.7-2.9h3.7
    L15,4c0,0.2,0.2,0.3,0.3,0.3c0.4,0.1,0.7,0.3,1,0.4c0.1,0.1,0.3,0.1,0.5,0l2.5-1.6l2.6,2.6l-1.6,2.5c-0.1,0.1-0.1,0.3,0,0.5
    c0.2,0.3,0.3,0.7,0.4,1C20.7,9.8,20.8,10,21,10l2.9,0.7v3.7L21,15C20.8,15,20.7,15.1,20.7,15.3z"
      />
    </g>
  </svg>
);

export const DetailsIcon = () => (
  <svg className="details-icon" viewBox="0 0 25 25">
    <g>
      <path
        d="M21.8,0.4H3.2c-1.2,0-2.1,1-2.1,2.1v20c0,1.2,1,2.1,2.1,2.1h18.6c1.2,0,2.1-1,2.1-2.1v-20
          C23.9,1.3,23,0.4,21.8,0.4z M22.9,22.5c0,0.6-0.5,1.1-1.1,1.1H3.2c-0.6,0-1.1-0.5-1.1-1.1v-20c0-0.6,0.5-1.1,1.1-1.1h18.6
          c0.6,0,1.1,0.5,1.1,1.1V22.5z"
      />
      <rect x="6.2" y="17.3" width="1.6" height="1" />
      <rect x="6.2" y="12.4" width="1.6" height="1" />
      <rect x="6.2" y="7.4" width="1.6" height="1" />
      <rect x="9.3" y="17.3" width="6.1" height="1" />
      <rect x="9.3" y="12.4" width="9.3" height="1" />
      <rect x="9.3" y="7.4" width="6.5" height="1" />
    </g>
  </svg>
);

export const StarIcon = () => (
  <svg className="star-icon" viewBox="0 0 25 25">
    <path
      d="M24.7,9.4c-0.1-0.1-0.2-0.1-0.3-0.2L16.6,8L13,0.9c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1,0-0.3,0-0.4,0
            c0,0-0.2,0.1-0.2,0.2L8.4,8L0.6,9.2c-0.3,0-0.5,0.3-0.5,0.6c0,0.1,0.1,0.2,0.2,0.3L6,15.7l-1.3,7.9c-0.1,0.3,0.1,0.6,0.4,0.7h0.1
            c0.1,0,0.2,0,0.3-0.1l7-3.7l7,3.7c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.3,0.6-0.6v-0.1l-1.3-7.9l5.6-5.6C24.9,10,24.9,9.6,24.7,9.4z
            M7.1,15.8c0-0.2,0-0.4-0.2-0.5l-5.1-5.1l7-1.1C9,9.1,9.1,9,9.2,8.8l3.2-6.4l3.2,6.4C15.7,9,15.8,9.1,16,9.1l7,1.1l-4.9,5
            c-0.1,0.1-0.3,0.4-0.3,0.6l1.4,7l-6.7-3.2c-0.2-0.1-0.4-0.1-0.5,0l-6.3,3.3L7.1,15.8z"
    />
  </svg>
);

export const RegistrationIcon = () => (
  <svg className="registration-icon" viewBox="0 0 25 25">
    <path d="M11,24.74c-2.69,0-5.38,.03-8.07-.01C1.12,24.7,.02,23.49,0,21.61c-.01-2.75,0-5.51,0-8.26,0-2.52,0-5.04,0-7.56,0-2.1,1.21-3.31,3.32-3.32,2.48,0,4.96,0,7.44,0,.17,0,.51,0,.65,.05,.23,.09,.33,.39,.33,.57,0,.25-.11,.51-.35,.62-.18,.08-.52,.04-.71,.04-2.5,0-5,0-7.5,0-1.27,0-1.92,.65-1.92,1.91,0,5.32,0,10.64,0,15.95,0,1.29,.67,1.96,1.95,1.96,5.32,0,10.64,0,15.95,0,1.24,0,1.92-.69,1.92-1.93,0-2.54,0-5.09,.01-7.63,0-.25,.06-.55,.21-.75,.31-.4,.82-.27,.97,.22,.05,.18,.05,.38,.05,.57,0,2.5,0,5,0,7.5,0,2.05-1.19,3.24-3.24,3.25-2.69,.01-5.38,0-8.07,0,0-.02,0-.03,0-.05Z" />
    <path d="M24.78,3.09c0,.85-.28,1.58-.88,2.18-3.67,3.67-7.33,7.35-11.01,11.01-.18,.18-.46,.31-.71,.37-1.37,.36-2.74,.7-4.12,1.04-.8,.2-1.14-.13-.94-.95,.34-1.42,.7-2.83,1.08-4.24,.06-.23,.2-.47,.37-.64,3.63-3.65,7.27-7.29,10.92-10.92,.97-.96,2.28-1.18,3.46-.66,1.13,.5,1.83,1.58,1.84,2.81ZM8.5,16.3c1.17-.3,2.25-.56,3.32-.86,.19-.05,.36-.21,.5-.35,3.52-3.51,7.04-7.03,10.56-10.55,.88-.88,.92-1.96,.12-2.75-.8-.79-1.88-.75-2.76,.13-3.52,3.51-7.04,7.03-10.55,10.56-.17,.17-.33,.4-.39,.63-.27,1.02-.51,2.04-.79,3.2Z" />
  </svg>
);

export const CliniciansIcon = () => (
  <svg className="clinicians-icon" viewBox="0 0 25 25">
    <g>
      <path d="M24.7,18.8 L24.7,18.8 C24,17.4 22.7,16.3 21.1,15.9 L19.5,15.4 C19.5,15.4 19.4,15.4 19.4,15.3 L19.4,15.2 L19.4,15.2 L20.5,13.9 C21.4,12.9 21.8,11.5 21.7,10.2 L21.5,8.7 C21.3,7.3 20.6,6.1 19.4,5.4 L19.3,5.3 C18.6,4.8 17.7,4.6 16.8,4.6 C15.9,4.6 15,4.9 14.1,5.4 C13.9,5.5 13.8,5.6 13.6,5.8 L13.5,5.9 L13.5,5.9 C13.1,5.1 12.7,4.4 11.9,3.9 L11.9,3.9 C11.1,3.3 10,3 9.1,3 C8,3 7,3.3 6.2,3.9 C5,4.7 4.2,5.9 4,7.3 L3.7,9.1 C3.5,10.6 3.9,12.1 4.9,13.3 L6.1,14.6 C6.1,14.6 6.1,14.6 6.2,14.7 C6.2,14.8 6.2,14.9 6.2,14.9 C6.2,15 6.1,15.1 6,15.1 L4.3,15.6 C2.6,16.1 1.2,17.3 0.4,18.8 C-3.46944695e-16,19.5 -3.46944695e-16,20.3 0.4,21 C0.8,21.6 1.5,22 2.3,22 L10.8,22 L15.7,22 C16,22 16.2,21.9 16.4,21.9 L22.8,21.9 C23.5,21.9 24.2,21.5 24.6,20.9 C25,20.2 25,19.5 24.7,18.8 Z M15.7,21.3 L10.4,21.2 L9,21.2 L2.3,21.3 C1.2,21.3 0.5,20.1 1.1,19.2 C1.8,17.8 3.1,16.8 4.5,16.4 L6.2,15.9 C6.8,15.7 7.1,15.1 6.9,14.5 C6.8,14.4 6.8,14.3 6.7,14.2 L5.5,12.9 C4.6,11.9 4.2,10.6 4.4,9.3 L4.7,7.5 C5,6.3 5.6,5.2 6.6,4.5 C7.4,4 8.2,3.8 9.1,3.8 C9.9,3.8 10.7,4 11.4,4.5 L11.4,4.5 C12.2,5 12.8,5.8 13.2,6.7 C13.3,7 13.4,7.3 13.4,7.7 L13.4,7.7 L13.6,9.4 C13.7,10.5 13.4,11.5 12.8,12.4 C12.7,12.5 12.6,12.7 12.5,12.8 L12.3,13 L11.2,14.2 C11.1,14.3 11,14.4 11,14.5 C10.8,15.1 11.1,15.6 11.7,15.8 L12.8,16.2 L13.5,16.4 C13.8,16.5 13.8,16.5 14,16.6 C15.3,17.1 16.3,18 17,19.2 C17.5,20.1 16.8,21.3 15.7,21.3 Z M13.1,14.2 L14.2,15.4 L14.2,15.4 L14.2,15.5 L14.1,15.6 L14,15.6 C13.9,15.6 13.8,15.6 13.8,15.6 L12.2,15 C12.1,15 12,14.9 11.9,14.8 C11.8,14.7 11.8,14.6 11.9,14.5 L12,14.4 L12.8,13.5 C12.9,13.9 13,14 13.1,14.2 Z M23.8,20.4 C23.6,20.7 23.2,21 22.8,21 L17.5,21 L17.5,21 C17.9,20.3 17.9,19.5 17.6,18.8 C17,17.7 16,16.7 14.9,16.1 C15.1,15.8 15.1,15.5 15,15.2 C15,15.1 14.9,15 14.8,14.9 L13.7,13.7 C13.5,13.5 13.4,13.3 13.2,13.1 L13.2,13.1 C14,12 14.4,10.7 14.3,9.3 L14.1,7.6 C14.1,7.4 14,7.1 14,6.9 C14,6.9 14,6.9 14,6.8 L14.1,6.7 C14.3,6.5 14.5,6.3 14.7,6.2 C15.4,5.8 16.1,5.5 16.8,5.5 C17.5,5.5 18.2,5.6 18.8,6 L18.9,6.1 L18.9,6.1 C19.8,6.7 20.5,7.7 20.6,8.9 L20.8,10.4 C20.9,11.5 20.6,12.5 19.9,13.4 L18.8,14.7 C18.7,14.8 18.6,14.9 18.6,15 C18.5,15.3 18.5,15.6 18.7,15.9 C18.8,16.2 19.3,16.3 19.6,16.4 L21.2,16.9 C22.5,17.3 23.4,18.3 24,19.5 C24.1,19.6 24.1,20.1 23.8,20.4 Z"></path>
    </g>
  </svg>
);

export const GroupReporting = () => (
  <svg className="group-reporting" viewBox="0 0 25 25">
    <g>
      <path
        d="M16.9,9C12.5,9,9,12.6,9,16.9s3.6,7.9,7.9,7.9c4.4,0,7.9-3.6,7.9-7.9S21.2,9,16.9,9z M16.9,23.8
          c-3.8,0-6.9-3.1-6.9-6.9s3.1-6.9,6.9-6.9s6.9,3.1,6.9,6.9S20.6,23.8,16.9,23.8z"
      />
      <polygon points="13.5,17.2 14.3,17.9 16.5,15.5 16.5,20.6 17.4,20.6 17.4,15.5 19.6,17.9 20.4,17.2 17,13.5 	" />
      <rect x="8.5" y="4" width="2" height="2.2" />
      <rect x="12.9" y="4" width="2" height="2.2" />
      <rect x="8.5" y="8.8" width="2" height="2.2" />
      <path
        d="M7.2,21.9h-2V1h13v5.2l0,0v0.6c0,0.1,0,0.3,0.1,0.3c0.2,0,0.1,0,0.2,0h0.3c0.1,0,0.3,0,0.3-0.1
              c0,0,0-0.1,0-0.2V1.5c0,0,0,0,0-0.1V0.6c0-0.2-0.1-0.4-0.3-0.4l0,0l0,0l0,0h-0.1c0,0,0,0,0.1,0H7.6l0,0H4.8c-0.2,0-0.4,0.2-0.4,0.4
              v21.3H0.6c-0.1,0-0.2,0-0.3,0.1s-0.1,0.2-0.1,0.3v0.3c0,0.1,0,0.2,0.1,0.3C0.4,23,0.5,23,0.6,23h6.6c0.1,0,0.2,0,0.3-0.1
              c0.1-0.1,0.1-0.2,0.1-0.3v-0.3c0-0.1,0-0.2-0.1-0.3C7.4,21.9,7.3,21.9,7.2,21.9z"
      />
    </g>
  </svg>
);

export const IndividualReporting = () => (
  <svg className="individual-reporting" viewBox="0 0 25 25">
    <g>
      <path
        d="M5.1,5.6C5.3,4.3,6.6,3,7.7,2.3c0.9-0.6,1.8-0.9,2.8-0.9c0.9,0,1.9,0.3,2.7,0.8l0,0c1.2,0.8,2,2,2.3,3.4l0,0
              l0,0c0,0.1,0,0.4,0.1,0.4c0.1,0,0.2,0,0.2,0h0.3c0.1,0,0.2,0,0.2-0.1V5.8l0,0c0,0,0,0,0-0.1l0,0l0,0c-0.2-1.7-1.2-3.2-2.6-4.1l0,0
              c-0.9-0.6-2-0.9-3.2-0.9s-2.3,0.4-3.3,1c-1.4,0.9-2.8,2.4-3,4l-0.3,2C3.6,9.3,3.6,11,4.8,12.3l1.3,1.5c0,0,0,0,0.1,0.1
              c0,0.1,0,0.2,0,0.3S6.1,14.3,6,14.4L4,15c-1.9,0.6-2.6,1.9-3.5,3.7c-0.4,0.8-0.4,1.7,0.1,2.5s1.3,1.2,2.2,1.2h3.8l0,0h0.1
              c0.1,0,0.3,0,0.3-0.1s0-0.2,0-0.3v-0.2c0-0.1,0-0.3-0.1-0.3c-0.1-0.1-0.1,0-0.2,0H5.2l0,0H2.8c-1.2,0-2-1.3-1.4-2.4
              c0.8-1.6,1.3-2.7,3-3.2l2-0.6c0.7-0.2,1-0.9,0.8-1.6c-0.1-0.2-0.2-0.3-0.3-0.4l-1.4-1.5c-1-1.1-1-2.6-0.7-4.1L5.1,5.6z"
      />
      <path
        d="M16.9,8.6c-4.4,0-7.9,3.6-7.9,7.9s3.6,7.9,7.9,7.9s7.9-3.6,7.9-7.9S21.3,8.6,16.9,8.6z M16.9,23.4
          c-3.8,0-6.9-3.1-6.9-6.9s3.1-6.9,6.9-6.9s6.9,3.1,6.9,6.9S20.7,23.4,16.9,23.4z"
      />
      <polygon points="13.6,16.8 14.3,17.5 16.6,15.1 16.6,20.2 17.4,20.2 17.4,15.1 19.7,17.5 20.4,16.8 17,13.1 	" />
    </g>
  </svg>
);

export const ChevronLeft = () => (
  <svg className="chevron-left" viewBox="0 0 1792 1792">
    <title>chevron-left</title>
    <g>
      <path d="M1427 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z" />
    </g>
  </svg>
);

export const ChevronRight = () => (
  <svg className="chevron-right" viewBox="0 0 1792 1792">
    <title>chevron-right</title>
    <g>
      <path d="M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z" />
    </g>
  </svg>
);

export const ChevronDown = () => (
  <svg className="chevron-down" viewBox="0 0 1792 1792">
    <title>chevron-down</title>
    <g>
      <path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z" />
    </g>
  </svg>
);

export const SwitchPractice = () => (
  <svg className="switch-practice" viewBox="0 0 15 15">
    <title>switch-practice</title>
    <g>
      <path
        d="M14,8.7h-1.8c-0.1,0-0.2,0.1-0.3,0.2c-0.2,0.4-0.3,0.7-0.5,1.1c-0.9,1.4-2.4,2.2-4,2.2c-1.2,0-2.3-0.5-3.2-1.3l1.3-1.3
          c0.1-0.1,0.2-0.3,0.2-0.4c0-0.3-0.3-0.6-0.6-0.6H1c-0.3,0-0.6,0.3-0.6,0.6v4.1C0.4,13.7,0.7,14,1,14c0.2,0,0.3-0.1,0.4-0.2l1.2-1.2
          c1.3,1.2,3,2,4.8,2c3.4,0,6.1-2.3,6.9-5.5c0,0,0,0,0-0.1C14.3,8.8,14.2,8.7,14,8.7z"
      />
      <path
        d="M14,1c-0.2,0-0.3,0.1-0.4,0.2l-1.2,1.2c-1.3-1.2-3.1-2-4.9-2C4.1,0.4,1.4,2.7,0.6,6c0,0,0,0,0,0.1c0,0.2,0.1,0.3,0.3,0.3
          h1.8C2.9,6.3,3,6.2,3,6.1C3.2,5.7,3.3,5.4,3.5,5c0.9-1.4,2.4-2.2,4-2.2c1.2,0,2.3,0.5,3.2,1.3L9.4,5.3C9.3,5.4,9.3,5.6,9.3,5.7
          c0,0.3,0.3,0.6,0.6,0.6H14c0.3,0,0.6-0.3,0.6-0.6V1.6C14.6,1.3,14.3,1,14,1z"
      />
    </g>
  </svg>
);

export const ScoreIncrease = () => (
  <svg className="score-increase" viewBox="0 0 15 15">
    <g>
      <path
        d="M9.7,4c0,0.4,0.3,0.7,0.7,0.7h2.2l-4.1,4L5.8,6.4C5.4,6,5.1,6,4.8,6.3l-4.5,4.3c-0.3,0.2-0.3,0.7-0.1,1
                s0.6,0.3,0.9,0.1l4.1-3.9L7.9,10c0.2,0.4,0.7,0.5,1,0.1l4.8-4.6v2.7c0,0.4,0.3,0.7,0.6,0.7c0.4,0,0.6-0.4,0.6-0.7V3.9
                c0-0.4-0.3-0.7-0.6-0.7h-3.9C10,3.2,9.7,3.6,9.7,4z"
      />
    </g>
  </svg>
);

export const TooltipIcon = () => (
  <svg className="tooltip-icon" viewBox="0 0 15 15">
    <g>
      <path
        d="M7.5,0.2c-4,0-7.3,3.3-7.3,7.3s3.3,7.3,7.3,7.3s7.3-3.3,7.3-7.3S11.5,0.2,7.5,0.2z M7.5,13.6c-3.4,0-6.1-2.7-6.1-6.1
        s2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1S10.9,13.6,7.5,13.6z"
      />
      <path
        d="M8,9.9H6.9c-0.1,0-0.1,0-0.2,0.1s-0.1,0.1-0.1,0.2v1c0,0.1,0,0.1,0.1,0.2c0.1,0.1,0.1,0.1,0.2,0.1H8c0.1,0,0.1,0,0.2-0.1
        c0.1-0.1,0.1-0.1,0.1-0.2v-1c0-0.1,0-0.1-0.1-0.2C8.2,10,8.1,9.9,8,9.9z"
      />
      <path
        d="M9.1,3.9C8.7,3.7,8.2,3.6,7.6,3.6S6.5,3.7,6,3.9C5.6,4.1,5.3,4.4,5,4.8C4.8,5.1,4.7,5.5,4.7,5.9c0,0.1,0,0.1,0.1,0.2
            c0,0.1,0.1,0.1,0.2,0.1h1c0.2,0,0.3-0.1,0.3-0.3c0.1-0.7,0.6-1.1,1.3-1.1c0.3,0,0.6,0.1,0.8,0.3c0.2,0.2,0.3,0.4,0.3,0.7
            c0,0.2-0.1,0.3-0.2,0.5C8.3,6.5,8.1,6.7,7.8,7S7.3,7.6,7.1,7.9C6.9,8.1,6.8,8.4,6.7,8.8c0,0.1,0,0.2,0,0.4c0,0.1,0,0.1,0.1,0.2
            c0,0,0.1,0.1,0.2,0.1h1.1c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2c0-0.1,0-0.2,0.1-0.4c0-0.2,0.1-0.4,0.3-0.6C8.9,7.8,9,7.7,9.2,7.5
            c0.4-0.4,0.6-0.7,0.8-1s0.3-0.6,0.3-1c0-0.3-0.1-0.6-0.3-0.9C9.8,4.3,9.5,4.1,9.1,3.9z"
      />
    </g>
  </svg>
);

export const NavCollapse = () => (
  <svg className="nav-collapse" viewBox="0 0 25 25">
    <title>nav-collapse</title>
    <g>
      <polygon points="6.8,9.1 10,12.1 0.1,12.1 0.1,12.9 10,12.9 6.8,15.9 7.5,16.6 12,12.5 7.5,8.4 	" />
      <polygon points="24.9,12.1 15,12.1 18.2,9.1 17.5,8.4 13,12.5 17.5,16.6 18.2,15.9 15,12.9 24.9,12.9 " />
    </g>
  </svg>
);

export const NavExpand = () => (
  <svg className="nav-expand" viewBox="0 0 25 25">
    <title>nav-expand</title>
    <g>
      <polygon points="5.2,9.1 4.5,8.4 0.1,12.5 4.5,16.6 5.2,15.9 2,12.9 11,12.9 11,12.1 2,12.1 " />
      <polygon points="20.5,8.4 19.8,9.1 23,12.1 14,12.1 14,12.9 23,12.9 19.8,15.9 20.5,16.6 24.9,12.5 " />
    </g>
  </svg>
);

export const CloseXIcon = () => (
  <svg className="closex" viewBox="0 0 15 15" focusable="false">
    <g strokeWidth="1" transform="translate(-968.000000, -236.000000)">
      <path d="M982.725141,249.399456 L976.82556,243.499875 L982.725141,237.600294 C983.091286,237.234148 983.091286,236.640905 982.725141,236.274609 C982.359295,235.908464 981.765752,235.908464 981.399456,236.274609 L975.499875,242.17419 L969.600294,236.274609 C969.234448,235.908464 968.640905,235.908464 968.274609,236.274609 C967.908464,236.640155 967.908464,237.233998 968.274609,237.600294 L974.17419,243.499875 L968.274609,249.399456 C967.908464,249.765602 967.908464,250.358845 968.274609,250.725141 C968.640755,251.091286 969.233998,251.091286 969.600294,250.725141 L975.499875,244.82556 L981.399456,250.725141 C981.765602,251.091286 982.359295,251.091286 982.725141,250.725141 C983.091286,250.358995 983.091286,249.765752 982.725141,249.399456 Z"></path>
    </g>
  </svg>
);

export const CloseXIcon2 = () => (
  <svg viewBox="0 0 16 16" focusable="false">
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <path
        d="M0.292893219,0.292893219 C0.683417511,-0.0976310729 1.31658249,-0.0976310729 1.70710678,0.292893219 L1.70710678,0.292893219 L8,6.585 L14.2928932,0.292893219 C14.6834175,-0.0976310729 15.3165825,-0.0976310729 15.7071068,0.292893219 C16.0675907,0.65337718 16.0953203,1.22060824 15.7902954,1.61289944 L15.7071068,1.70710678 L9.415,8 L15.7071068,14.2928932 L15.7902954,14.3871006 C16.0953203,14.7793918 16.0675907,15.3466228 15.7071068,15.7071068 C15.3165825,16.0976311 14.6834175,16.0976311 14.2928932,15.7071068 L14.2928932,15.7071068 L8,9.415 L1.70710678,15.7071068 C1.31658249,16.0976311 0.683417511,16.0976311 0.292893219,15.7071068 C-0.0675907428,15.3466228 -0.0953202783,14.7793918 0.209704612,14.3871006 L0.292893219,14.2928932 L6.585,8 L0.292893219,1.70710678 L0.209704612,1.61289944 C-0.0953202783,1.22060824 -0.0675907428,0.65337718 0.292893219,0.292893219 Z"
        fill="#242424"
        fillRule="nonzero"
      ></path>
    </g>
  </svg>
);

export const BellOutline = () => (
  <svg className="bell-outline" viewBox="0 0 448 512">
    <path d="M433.884 366.059C411.634 343.809 384 316.118 384 208c0-79.394-57.831-145.269-133.663-157.83A31.845 31.845 0 0 0 256 32c0-17.673-14.327-32-32-32s-32 14.327-32 32c0 6.75 2.095 13.008 5.663 18.17C121.831 62.731 64 128.606 64 208c0 108.118-27.643 135.809-49.893 158.059C-16.042 396.208 5.325 448 48.048 448H160c0 35.29 28.71 64 64 64s64-28.71 64-64h111.943c42.638 0 64.151-51.731 33.941-81.941zM224 480c-17.645 0-32-14.355-32-32h64c0 17.645-14.355 32-32 32zm175.943-64H48.048c-14.223 0-21.331-17.296-11.314-27.314C71.585 353.836 96 314.825 96 208c0-70.741 57.249-128 128-128 70.74 0 128 57.249 128 128 0 106.419 24.206 145.635 59.257 180.686C421.314 398.744 414.11 416 399.943 416z" />
  </svg>
);

export const EarlyClaims = () => (
  <svg className="early-claims-icon" viewBox="0 0 25 25">
    <g id="Claims-Icon-list">
      <g id="Claims-Icon" transform="translate(2.000000, 0.000000)">
        <g id="Lines" transform="translate(3.000000, 8.000000)">
          <polygon points="0 1 15 1 15 0 0 0"></polygon>
          <polygon points="0 4 15 4 15 3 0 3"></polygon>
          <polygon points="0 7 15 7 15 6 0 6"></polygon>
          <polygon points="0 10 15 10 15 9 0 9"></polygon>
          <polygon points="0 13 15 13 15 12 0 12"></polygon>
        </g>
        <path d="M1,24 L1,1 L16,1 L16,5.5 C16,5.776 16.224,6 16.5,6 L20,6 L20,24 L1,24 Z M17,1.851 L19.446,5 L17,5 L17,1.851 Z M20.895,5.235 L16.979,0.193 C16.884,0.071 16.738,0 16.583,0 L0.5,0 C0.224,0 0,0.224 0,0.5 L0,24.5 C0,24.776 0.224,25 0.5,25 L20.5,25 C20.776,25 21,24.776 21,24.5 L21,5.542 C21,5.43 20.963,5.322 20.895,5.235 Z"></path>
      </g>
    </g>
  </svg>
);

export const CliniciansList = () => (
  <svg className="clinicians-list-icon" viewBox="0 0 25 25">
    <g>
      <path
        className="st0"
        d="M21.8,0.4H3.2c-1.2,0-2.1,1-2.1,2.1v20c0,1.2,1,2.1,2.1,2.1h18.6c1.2,0,2.1-1,2.1-2.1v-20
              C23.9,1.3,23,0.4,21.8,0.4z M22.9,22.5c0,0.6-0.5,1.1-1.1,1.1H3.2c-0.6,0-1.1-0.5-1.1-1.1v-20c0-0.6,0.5-1.1,1.1-1.1h18.6
              c0.6,0,1.1,0.5,1.1,1.1V22.5z"
      />
      <rect x="6.2" y="17.3" className="st0" width="1.6" height="1" />
      <rect x="6.2" y="12.4" className="st0" width="1.6" height="1" />
      <rect x="6.2" y="7.4" className="st0" width="1.6" height="1" />
      <rect x="9.3" y="17.3" className="st0" width="6.1" height="1" />
      <rect x="9.3" y="12.4" className="st0" width="9.3" height="1" />
      <rect x="9.3" y="7.4" className="st0" width="6.5" height="1" />
    </g>
  </svg>
);

export const YoutubeIcon = () => (
  <svg className="youtube-icon" width="19px" height="14px" viewBox="0 0 19 14">
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        transform="translate(-801.000000, -179.000000)"
        fill="#242424"
        fillRule="nonzero"
      >
        <g transform="translate(763.000000, 140.000000)">
          <g transform="translate(38.000000, 39.000000)">
            <path
              d="M17.7486957,2.84298208 C17.551087,2.10010036 16.9670652,1.51515412 16.2265217,1.3162724 C14.8843478,0.955555556 9.5,0.955555556 9.5,0.955555556 C9.5,0.955555556 4.11565217,0.955555556 2.77347826,1.3162724 C2.03293478,1.51515412 1.44891304,2.10010036 1.25130435,2.84298208 C0.891304348,4.19030824 0.891304348,7 0.891304348,7 C0.891304348,7 0.891304348,9.80969176 1.25130435,11.1570179 C1.44891304,11.8998996 2.03293478,12.4848459 2.77347826,12.6837276 C4.11565217,13.0444444 9.5,13.0444444 9.5,13.0444444 C9.5,13.0444444 14.8843478,13.0444444 16.2265217,12.6837276 C16.9670652,12.4848459 17.551087,11.8998996 17.7486957,11.1570179 C18.1086957,9.80969176 18.1086957,7 18.1086957,7 C18.1086957,7 18.1086957,4.19030824 17.7486957,2.84298208 Z M7.73913043,9.5513405 L7.73913043,4.4486595 L12.2391304,7 L7.73913043,9.5513405 Z"
              id="Youtube-icon"
            ></path>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

export const TwitterIcon = () => (
  <svg className="twitter-icon" width="19px" height="16px" viewBox="0 0 19 16">
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        transform="translate(-763.000000, -177.000000)"
        fill="#242424"
        fillRule="nonzero"
      >
        <g transform="translate(763.000000, 140.000000)">
          <g transform="translate(0.000000, 37.000000)">
            <path
              d="M16.9243259,4.73901817 C16.9243259,4.57725788 16.9243259,4.41549759 16.916868,4.25373729 C17.6626567,3.71698723 18.3114928,3.05524058 18.826087,2.30526104 C18.1250456,2.6067234 17.3867149,2.81260014 16.6260105,2.90083303 C17.4240043,2.43025763 18.0206352,1.68763083 18.3040349,0.812654705 C17.5507884,1.25381914 16.7304209,1.56263424 15.8727639,1.72439454 C14.425934,0.202377237 12.0021209,0.128849832 10.4583384,1.56263424 C9.46643951,2.48172682 9.04133999,3.8566893 9.35457121,5.16547712 C6.28192201,5.01106957 3.41063575,3.5846379 1.47158528,1.22440818 C0.457312727,2.94494947 0.971906889,5.15077164 2.65738922,6.26103547 C2.04584253,6.24632999 1.45666951,6.0845697 0.919701685,5.79046007 C0.919701685,5.80516555 0.919701685,5.81987104 0.919701685,5.83457652 C0.919701685,7.62864522 2.20245815,9.17272074 3.99235089,9.53300502 C3.42555152,9.68741258 2.83637849,9.7094708 2.26212124,9.59917969 C2.76179963,11.1359025 4.20117171,12.1873444 5.83444883,12.2167553 C4.4771135,13.2681972 2.80654695,13.8343583 1.08377519,13.8343583 C0.778001843,13.8343583 0.4722285,13.8123 0.173913043,13.7828891 C1.93397424,14.8784474 3.96251934,15.4666667 6.04326965,15.4666667 C13.0760565,15.4666667 16.9243259,9.71682354 16.9243259,4.73901817 Z"
              id="twitter-icon"
            ></path>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

export const WiViewReportsIcon = () => (
  <svg className="wi-view-reports" viewBox="0 0 25 25">
    <title>WI View Reports</title>
    <g>
      <path d="M20.8680556,0.0569444444 L3.37638889,0.0569444444 C3.11944444,0.0569444444 2.9125,0.265277778 2.9125,0.520833333 L2.9125,2.07777778 L1.35555556,2.07777778 C1.09861111,2.07777778 0.891666667,2.28472222 0.891666667,2.54027778 L0.891666667,24.4763889 C0.891666667,24.7333333 1.09861111,24.9402778 1.35555556,24.9402778 L18.8472222,24.9402778 C19.1027778,24.9402778 19.3097222,24.7319444 19.3097222,24.4763889 L19.3097222,22.9208333 L20.8680556,22.9208333 C21.1236111,22.9208333 21.3305556,22.7125 21.3305556,22.4583333 L21.3305556,0.522222222 C21.3305556,0.265277778 21.1236111,0.0569444444 20.8680556,0.0569444444 Z M1.82222222,24.0111111 L1.82222222,3.00833333 L18.3861111,3.00833333 L18.3861111,24.0125 L1.82222222,24.0125 L1.82222222,24.0111111 Z M18.8472222,2.07777778 L3.84305556,2.07777778 L3.84305556,0.986111111 L20.4027778,0.986111111 L20.4027778,21.9930556 L19.3097222,21.9930556 L19.3097222,2.54166667 C19.3097222,2.28611111 19.1027778,2.07777778 18.8472222,2.07777778 Z"></path>
      <path d="M14.8069444,7.05138889 L5.4,7.05138889 C5.14305556,7.05138889 4.93611111,7.25972222 4.93611111,7.51666667 C4.93611111,7.77222222 5.14305556,7.97916667 5.4,7.97916667 L14.8069444,7.97916667 C15.0638889,7.97916667 15.2708333,7.77083333 15.2708333,7.51666667 C15.2708333,7.25972222 15.0638889,7.05138889 14.8069444,7.05138889 Z"></path>
      <path d="M14.8069444,11.0472222 L5.4,11.0472222 C5.14305556,11.0472222 4.93611111,11.2569444 4.93611111,11.5138889 C4.93611111,11.7694444 5.14305556,11.9763889 5.4,11.9763889 L14.8069444,11.9763889 C15.0638889,11.9763889 15.2708333,11.7680556 15.2708333,11.5138889 C15.2708333,11.2569444 15.0638889,11.0472222 14.8069444,11.0472222 Z"></path>
      <path d="M14.8069444,15.0416667 L5.4,15.0416667 C5.14305556,15.0416667 4.93611111,15.25 4.93611111,15.5069444 C4.93611111,15.7638889 5.14305556,15.9722222 5.4,15.9722222 L14.8069444,15.9722222 C15.0638889,15.9722222 15.2708333,15.7638889 15.2708333,15.5069444 C15.2708333,15.25 15.0638889,15.0416667 14.8069444,15.0416667 Z"></path>
      <path d="M14.8069444,18.5819444 L5.4,18.5819444 C5.14305556,18.5819444 4.93611111,18.7902778 4.93611111,19.0472222 C4.93611111,19.3041667 5.14305556,19.5125 5.4,19.5125 L14.8069444,19.5125 C15.0638889,19.5125 15.2708333,19.3041667 15.2708333,19.0472222 C15.2708333,18.7902778 15.0638889,18.5819444 14.8069444,18.5819444 Z"></path>
    </g>
  </svg>
);

export const WiViewProgressIcon = () => (
  <svg className="wi-view-progress" viewBox="0 0 25 25">
    <title>WI View Progress</title>
    <g>
      <path d="M22.2,25.5H2.8c-1.8,0-3.3-1.5-3.3-3.3V2.8C-0.5,1,1-0.5,2.8-0.5h19.4c1.8,0,3.3,1.5,3.3,3.3v19.4C25.5,24,24,25.5,22.2,25.5z M2.8,0.5c-1.3,0-2.3,1-2.3,2.3v19.4c0,1.3,1,2.3,2.3,2.3h19.4c1.3,0,2.3-1,2.3-2.3V2.8c0-1.3-1-2.3-2.3-2.3H2.8z" />
      <path d="M7.8,18.8c0.5,0,0.9-0.4,0.9-0.9v-4.6c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v4.6C6.9,18.3,7.3,18.8,7.8,18.8z" />
      <path d="M17.4,18.8c0.5,0,0.9-0.4,0.9-0.9V7.4c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v10.5C16.5,18.3,16.9,18.8,17.4,18.8z" />
      <path d="M12.6,18.8c0.5,0,0.9-0.4,0.9-0.9v-7.5c0-0.5-0.4-0.9-0.9-0.9c-0.5,0-0.9,0.4-0.9,0.9v7.5C11.7,18.3,12.1,18.8,12.6,18.8z" />
    </g>
  </svg>
);

export const WiManageGroupIcon = () => (
  <svg className="wi-manage-group" viewBox="0 0 25 25">
    <title>WI Manage Group</title>
    <g>
      <path d="M12.7775,0.110555556 C12.6219444,-0.0366666667 12.3783333,-0.0366666667 12.2227778,0.110555556 L0.125833333,11.5741667 C0.0455555556,11.6502778 0,11.7561111 0,11.8669444 L0,24.5969444 C0,24.7030556 0.0430555556,24.8069444 0.118055556,24.8819444 C0.193055556,24.9569444 0.296944444,25 0.403333333,25 L24.5969444,25 C24.7030556,25 24.8069444,24.9569444 24.8819444,24.8819444 C24.9569444,24.8066667 25,24.7027778 25,24.5966667 L25,11.8669444 C25,11.7561111 24.9544444,11.6505556 24.8741667,11.5741667 L12.7775,0.110555556 Z M0.806388889,12.0402778 L12.5,0.958611111 L24.1936111,12.0402778 L24.1936111,24.1936111 L0.806388889,24.1936111 L0.806388889,12.0402778 Z"></path>
      <path d="M18.1452778,12.2311111 L14.785,12.2311111 L14.785,8.87083333 C14.785,8.76472222 14.7419444,8.66083333 14.6669444,8.58583333 C14.5919444,8.51083333 14.4880556,8.46777778 14.3819444,8.46777778 L10.6183333,8.46777778 C10.5122222,8.46777778 10.4083333,8.51083333 10.3333333,8.58583333 C10.2583333,8.66083333 10.2152778,8.76472222 10.2152778,8.87083333 L10.2152778,12.2311111 L6.855,12.2311111 C6.74888889,12.2311111 6.645,12.2741667 6.57,12.3491667 C6.495,12.4241667 6.45194444,12.5280556 6.45194444,12.6341667 L6.45194444,16.3975 C6.45194444,16.5036111 6.495,16.6075 6.57,16.6825 C6.645,16.7575 6.74888889,16.8005556 6.855,16.8005556 L10.2152778,16.8005556 L10.2152778,20.1608333 C10.2152778,20.2669444 10.2583333,20.3708333 10.3333333,20.4458333 C10.4083333,20.5208333 10.5122222,20.5638889 10.6183333,20.5638889 L14.3816667,20.5638889 C14.4877778,20.5638889 14.5916667,20.5208333 14.6666667,20.4458333 C14.7416667,20.3708333 14.7847222,20.2669444 14.7847222,20.1608333 L14.7847222,16.8011111 L18.145,16.8011111 C18.2511111,16.8011111 18.355,16.7580556 18.43,16.6830556 C18.505,16.6080556 18.5480556,16.5041667 18.5480556,16.3980556 L18.5480556,12.6344444 C18.5480556,12.5283333 18.505,12.4244444 18.43,12.3494444 C18.3552778,12.2741667 18.2513889,12.2311111 18.1452778,12.2311111 Z M17.7419444,15.9947222 L14.3816667,15.9947222 C14.2755556,15.9947222 14.1716667,16.0377778 14.0966667,16.1127778 C14.0216667,16.1877778 13.9786111,16.2916667 13.9786111,16.3977778 L13.9786111,19.7580556 L11.0213889,19.7580556 L11.0213889,16.3977778 C11.0213889,16.2916667 10.9783333,16.1877778 10.9033333,16.1127778 C10.8283333,16.0377778 10.7244444,15.9947222 10.6183333,15.9947222 L7.25805556,15.9947222 L7.25805556,13.0375 L10.6183333,13.0375 C10.7244444,13.0375 10.8283333,12.9944444 10.9033333,12.9194444 C10.9783333,12.8444444 11.0213889,12.7405556 11.0213889,12.6344444 L11.0213889,9.27416667 L13.9783333,9.27416667 L13.9783333,12.6344444 C13.9783333,12.7405556 14.0213889,12.8444444 14.0963889,12.9194444 C14.1713889,12.9944444 14.2752778,13.0375 14.3813889,13.0375 L17.7416667,13.0375 L17.7416667,15.9947222 L17.7419444,15.9947222 Z"></path>
    </g>
  </svg>
);

export const EyeIcon = ({ classes }) => (
  <svg
    className={`eye-icon ${classes}`}
    viewBox="0 0 22 15"
    width="15"
    height="15"
  >
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g fill="#80CBC4" fillRule="nonzero">
        <path
          d="M11,11.75 C12.1833333,11.75 13.1875,11.3375 14.0125,10.5125 C14.8375,9.6875 15.25,8.68333333 15.25,7.5 C15.25,6.31666667 14.8375,5.3125 14.0125,4.4875 C13.1875,3.6625 12.1833333,3.25 11,3.25 C9.81666667,3.25 8.8125,3.6625 7.9875,4.4875 C7.1625,5.3125 6.75,6.31666667 6.75,7.5 C6.75,8.68333333 7.1625,9.6875 7.9875,10.5125 C8.8125,11.3375 9.81666667,11.75 11,11.75 Z M11,10.3 C10.2166667,10.3 9.55416667,10.0291667 9.0125,9.4875 C8.47083333,8.94583333 8.2,8.28333333 8.2,7.5 C8.2,6.71666667 8.47083333,6.05416667 9.0125,5.5125 C9.55416667,4.97083333 10.2166667,4.7 11,4.7 C11.7833333,4.7 12.4458333,4.97083333 12.9875,5.5125 C13.5291667,6.05416667 13.8,6.71666667 13.8,7.5 C13.8,8.28333333 13.5291667,8.94583333 12.9875,9.4875 C12.4458333,10.0291667 11.7833333,10.3 11,10.3 Z M11,15 C8.56666667,15 6.36666667,14.3083333 4.4,12.925 C2.43333333,11.5416667 0.966666667,9.73333333 0,7.5 C0.966666667,5.26666667 2.43333333,3.45833333 4.4,2.075 C6.36666667,0.691666667 8.56666667,0 11,0 C13.4333333,0 15.6333333,0.691666667 17.6,2.075 C19.5666667,3.45833333 21.0333333,5.26666667 22,7.5 C21.0333333,9.73333333 19.5666667,11.5416667 17.6,12.925 C15.6333333,14.3083333 13.4333333,15 11,15 Z M11,13.5 C13.0166667,13.5 14.8708333,12.9541667 16.5625,11.8625 C18.2541667,10.7708333 19.5416667,9.31666667 20.425,7.5 C19.5416667,5.68333333 18.2541667,4.22916667 16.5625,3.1375 C14.8708333,2.04583333 13.0166667,1.5 11,1.5 C8.98333333,1.5 7.12916667,2.04583333 5.4375,3.1375 C3.74583333,4.22916667 2.45,5.68333333 1.55,7.5 C2.45,9.31666667 3.74583333,10.7708333 5.4375,11.8625 C7.12916667,12.9541667 8.98333333,13.5 11,13.5 Z"
          id="Shape"
        ></path>
      </g>
    </g>
  </svg>
);

EyeIcon.propTypes = {
  classes: PropTypes.string,
};

export const ManageDocumentsIcon = () => (
  <svg width="25px" height="25px" viewBox="0 0 25 25">
    <g>
      <path d="M15.933,3.15544362e-30 C16.1717358,3.15544362e-30 16.3968908,0.110656353 16.5402903,0.296256203 L20.7874693,5.70648432 C20.9255465,5.88258285 21,6.10021604 21,6.324 L21,24 C21,24.5521424 20.5521424,25 20,25 L1,25 C0.447857625,25 0,24.5521424 0,24 L0,1 C0,0.447857625 0.447857625,3.15544362e-30 1,3.15544362e-30 L15.933,3.15544362e-30 Z M14.937,1 L1,1 L1,24 L20,24 L20,7 L16.4371948,7 C15.6087677,7 14.9371948,6.32842712 14.9371948,5.5 L14.937,1 Z M19.746,6 L15.937,1.148 L15.9371948,5.5 C15.9371948,5.77614237 16.1610524,6 16.4371948,6 L19.746,6 Z M3,22 L3,21 L17.810791,21 L17.810791,22 L3,22 Z M3,19 L3,18 L17.810791,18 L17.810791,19 L3,19 Z M3,16 L3,15 L17.810791,15 L17.810791,16 L3,16 Z M3,13 L3,12 L17.810791,12 L17.810791,13 L3,13 Z M3,10 L3,9 L17.810791,9 L17.810791,10 L3,10 Z"></path>
    </g>
  </svg>
);

export const AuthorContentIcon = () => (
  <svg width="25px" height="26px" viewBox="0 0 25 28">
    <g>
      <path d="M12.3690401,0 C12.5089135,0 12.643038,0.0545896414 12.7419831,0.151701195 L12.7419831,0.151701195 L17.0947785,4.42616335 C17.1936709,4.5232749 17.2492616,4.65503586 17.2492616,4.79239044 L17.2492616,4.79239044 L17.2492616,10.8009801 C18.8116034,11.8150319 19.7705696,13.5487968 19.7705696,15.3972311 C19.7705696,16.2998247 19.5464135,17.181753 19.1197785,17.9722151 L19.1197785,17.9722151 L24.4784283,23.2343147 C25.1216772,23.8659801 25.1216772,24.8938088 24.4783755,25.5254741 C24.1667722,25.8314661 23.7524262,26 23.3117089,26 C22.8710443,26 22.4566983,25.8314661 22.1450949,25.5254741 L22.1450949,25.5254741 L17.2492616,20.7178048 L17.2492616,22.6715339 C17.2492616,22.9575857 17.0130802,23.1894622 16.7218354,23.1894622 L16.7218354,23.1894622 L0.52742616,23.1894622 C0.236181435,23.1894622 2.4158453e-13,22.9575857 2.4158453e-13,22.6715339 L2.4158453e-13,22.6715339 L2.4158453e-13,0.517928287 C2.4158453e-13,0.231876494 0.236181435,0 0.52742616,0 L0.52742616,0 Z M18.5264241,18.854506 L18.332801,19.076681 C18.1332707,19.2942789 17.916192,19.4965817 17.6845464,19.6807052 L17.6845464,19.6807052 L22.890981,24.7930199 C23.0033228,24.9033904 23.1527426,24.9641434 23.3117089,24.9641434 C23.4706751,24.9641434 23.6200949,24.9033904 23.7324895,24.7930199 C23.9644515,24.5652351 23.9644515,24.1946056 23.7324895,23.9668207 L23.7324895,23.9668207 L18.5264241,18.854506 Z M11.8416139,1.03585657 L1.05485232,1.03585657 L1.05485232,22.1536056 L16.1944093,22.1536056 L16.194884,20.5287092 C15.5506857,20.774259 14.8618143,20.9023944 14.164346,20.9023944 C11.0731013,20.9023944 8.55812236,18.432757 8.55812236,15.3971793 C8.55812236,12.3616016 11.0731013,9.89196414 14.164346,9.89196414 C14.8618143,9.89196414 15.5506857,10.0200996 16.194884,10.2656494 L16.194884,10.2656494 L16.1944093,5.31031873 L12.3690401,5.31031873 C12.0777954,5.31031873 11.8416139,5.07844223 11.8416139,4.79239044 L11.8416139,4.79239044 L11.8416139,1.03585657 Z M14.1643987,10.9278725 C11.6547468,10.9278725 9.61302743,12.9328247 9.61302743,15.3972311 C9.61302743,17.8616375 11.6547468,19.8665896 14.1643987,19.8665896 C14.9709388,19.8665896 15.7632911,19.6566215 16.4558544,19.2593705 C16.501635,19.2331633 16.5468882,19.2061793 16.5916139,19.1784183 C17.1621835,18.8243625 17.6543249,18.3411355 18.0148207,17.7808406 C18.473365,17.0682749 18.7157173,16.2440438 18.7157173,15.3972311 C18.7157173,13.8143904 17.849789,12.3345139 16.4559072,11.5350916 C15.7632911,11.1378406 14.9708861,10.9278725 14.1643987,10.9278725 Z M12.2609177,12.3475657 C12.5091245,12.1978845 12.8339135,12.2741753 12.9863397,12.5179641 C13.1387658,12.7617012 13.0611287,13.0806414 12.8128692,13.2303227 C12.039135,13.6968725 11.5771624,14.5069124 11.5771624,15.3972311 C11.5771624,15.6832829 11.340981,15.9151594 11.0497363,15.9151594 C10.7584916,15.9151594 10.5223101,15.6832829 10.5223101,15.3972311 C10.5223101,14.1440518 11.1722574,13.003988 12.2609177,12.3475657 Z M14.164346,11.8207809 C14.8095992,11.8207809 15.4439346,11.9889522 15.9987869,12.3072191 C16.2503165,12.4514622 16.3351266,12.7686414 16.1881857,13.0156932 C16.0900844,13.1805498 15.9135549,13.2724821 15.7322257,13.2724821 C15.6418776,13.2724821 15.5503692,13.2496414 15.4667194,13.2016813 C15.0732068,12.9759681 14.6228376,12.8566375 14.164346,12.8566375 C13.8731013,12.8566375 13.6369198,12.624761 13.6369198,12.3387092 C13.6369198,12.0526574 13.8731013,11.8207809 14.164346,11.8207809 Z M12.896519,1.76836255 L12.896519,4.27446215 L15.4485759,4.27446215 L12.896519,1.76836255 Z"></path>
    </g>
  </svg>
);

export const OpenInNewIcon = ({ className = "", ...rest }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    className={`qpp-icon-mat ${className}`}
    {...rest}
  >
    <path d="M0 0h24v24H0z" fill="none" />
    <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" />
  </svg>
);

OpenInNewIcon.propTypes = {
  className: PropTypes.string,
};

export const SearchIcon = ({
  className = "",
  viewBox = "0 0 24 24",
  ...rest
}) => (
  <svg
    className={`qpp-icon-mat ${className}`}
    xmlns="http://www.w3.org/2000/svg"
    viewBox={viewBox}
    {...rest}
  >
    <path d="M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z" />
  </svg>
);

SearchIcon.propTypes = {
  className: PropTypes.string,
  viewBox: PropTypes.string,
};

export const DownloadIcon = ({
  className = "",
  viewBox = "0 0 24 24",
  ...rest
}) => (
  <svg
    className={`qpp-icon-mat ${className}`}
    xmlns="http://www.w3.org/2000/svg"
    viewBox={viewBox}
    {...rest}
  >
    <path d="M11 40q-1.2 0-2.1-.9Q8 38.2 8 37v-7.15h3V37h26v-7.15h3V37q0 1.2-.9 2.1-.9.9-2.1.9Zm13-7.65-9.65-9.65 2.15-2.15 6 6V8h3v18.55l6-6 2.15 2.15Z" />
  </svg>
);

DownloadIcon.propTypes = {
  className: PropTypes.string,
  viewBox: PropTypes.string,
};

export const CloseIcon = ({ className = "", ...rest }) => (
  <svg
    className={`${className}`}
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    {...rest}
  >
    <path d="M0 0h24v24H0z" fill="none" />
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
  </svg>
);

CloseIcon.propTypes = {
  className: PropTypes.string,
};

export const ExpandMoreIcon = ({ className = "", ...rest }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    className={`qpp-icon-mat ${className}`}
    {...rest}
  >
    <path d="M0 0h24v24H0z" fill="none" />
    <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" />
  </svg>
);

ExpandMoreIcon.propTypes = {
  className: PropTypes.string,
};

export const ExpandLessIcon = ({ className = "", ...rest }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    className={`qpp-icon-mat ${className}`}
    {...rest}
  >
    <path d="M0 0h24v24H0z" fill="none" />
    <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" />
  </svg>
);

ExpandLessIcon.propTypes = {
  className: PropTypes.string,
};

export const DownloadIcon2 = ({ className = "", ...rest }) => (
  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...rest}>
    <path d="M9 14a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h8zM5 0a1 1 0 0 1 1 1l-.001 8.585 2.294-2.292a1 1 0 0 1 1.414 1.414l-4 4a1.006 1.006 0 0 1-.09.08l.09-.08a1.008 1.008 0 0 1-.675.292L5 13h-.033l-.052-.004L5 13a1.008 1.008 0 0 1-.617-.213 1.016 1.016 0 0 1-.09-.08l-4-4a1 1 0 0 1 1.414-1.414L4 9.584V1a1 1 0 0 1 1-1z" />
  </svg>
);

DownloadIcon2.propTypes = {
  className: PropTypes.string,
};
