import * as React from 'react';
import cx from 'classnames';
import { createSvgIcon } from '../utils/createSvgIcon';
import { iconClassNames } from '../utils/iconClassNames';

export const ScreencastIcon = createSvgIcon({
  svg: ({ classes }) => (
    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
      <path
        className={cx(iconClassNames.outline, classes.outlinePart)}
        d="M23.25024,9.70312a1.5483,1.5483,0,0,1,.54688.54688,1.45575,1.45575,0,0,1,.20312.75V21a1.45575,1.45575,0,0,1-.20312.75,1.54434,1.54434,0,0,1-.54688.54688,1.45141,1.45141,0,0,1-.75.20312H19.58569a.47768.47768,0,0,1-.35547-.14844.49984.49984,0,0,1,0-.70312A.47768.47768,0,0,1,19.58569,21.5h2.91455a.50695.50695,0,0,0,.5-.5V11a.50695.50695,0,0,0-.5-.5H9.49976a.50695.50695,0,0,0-.5.5V21a.50695.50695,0,0,0,.5.5h2.91406a.47843.47843,0,0,1,.35547.14844.49984.49984,0,0,1,0,.70312.47843.47843,0,0,1-.35547.14844H9.49976a1.44387,1.44387,0,0,1-.75-.20312A1.52486,1.52486,0,0,1,8.20288,21.75,1.4464,1.4464,0,0,1,7.99976,21V11a1.4464,1.4464,0,0,1,.20312-.75,1.52872,1.52872,0,0,1,.54688-.54688,1.44852,1.44852,0,0,1,.75-.20312H22.50024A1.45611,1.45611,0,0,1,23.25024,9.70312Zm-2.30859,5.582a.5161.5161,0,0,1,.05078.22265.48435.48435,0,0,1-.10156.29688.44565.44565,0,0,1-.17578.15234.5024.5024,0,0,1-.22266.05078.47443.47443,0,0,1-.29687-.10156,6.7405,6.7405,0,0,0-1.98487-1.02734,7.204,7.204,0,0,0-4.42187,0,6.726,6.726,0,0,0-1.98438,1.02734.45619.45619,0,0,1-.29687.10156.48775.48775,0,0,1-.40625-.20312.49713.49713,0,0,1-.10156-.29688.47868.47868,0,0,1,.05078-.21875.522.522,0,0,1,.15234-.17968,7.68586,7.68586,0,0,1,2.27344-1.17969,8.20242,8.20242,0,0,1,5.05078,0,7.58559,7.58559,0,0,1,2.27,1.17969A.48611.48611,0,0,1,20.94165,15.28516Zm-1.19531,1.59375a.5161.5161,0,0,1,.05078.22265.49536.49536,0,0,1-.10156.30469.47725.47725,0,0,1-.17627.14453.50244.50244,0,0,1-.22266.05078A.45433.45433,0,0,1,18.99976,17.5a4.87051,4.87051,0,0,0-1.42188-.73438,5.09362,5.09362,0,0,0-3.15234,0,4.8739,4.8739,0,0,0-1.418.73438.48837.48837,0,0,1-.30469.10156.50247.50247,0,0,1-.22266-.05078.47183.47183,0,0,1-.17578-.14453.48639.48639,0,0,1-.10156-.30469.50239.50239,0,0,1,.05078-.22265.44555.44555,0,0,1,.15235-.17579,5.72588,5.72588,0,0,1,1.69921-.88671,6.11679,6.11679,0,0,1,3.78907,0,5.72606,5.72606,0,0,1,1.69922.88671A.463.463,0,0,1,19.74634,16.87891Zm-1.20362,1.60937a.509.509,0,0,1,.05079.22266.457.457,0,0,1-.10157.29687.5221.5221,0,0,1-.17968.15235.47871.47871,0,0,1-.21875.05078.48639.48639,0,0,1-.30469-.10156,2.91508,2.91508,0,0,0-.85156-.44922,2.97231,2.97231,0,0,0-.9375-.15235,2.9329,2.9329,0,0,0-.9336.15235,3.031,3.031,0,0,0-.85547.44922.53308.53308,0,0,1-.30468.10156.48491.48491,0,0,1-.21485-.05078.50429.50429,0,0,1-.18359-.15235.45437.45437,0,0,1-.10156-.29687.5024.5024,0,0,1,.05078-.22266.44565.44565,0,0,1,.15234-.17578,3.98782,3.98782,0,0,1,4.78125,0A.45355.45355,0,0,1,18.54272,18.48828ZM16.70679,19.793a.99964.99964,0,1,1-.707-.293A.9645.9645,0,0,1,16.70679,19.793Z"
      />
      <path
        className={cx(iconClassNames.filled, classes.filledPart)}
        d="M23.25,9.70312a1.53275,1.53275,0,0,1,.54688.54688A1.4464,1.4464,0,0,1,24,11V21a1.4464,1.4464,0,0,1-.20312.75,1.52887,1.52887,0,0,1-.54688.54688A1.4464,1.4464,0,0,1,22.5,22.5H9.5a1.4464,1.4464,0,0,1-.75-.20312A1.52887,1.52887,0,0,1,8.20312,21.75,1.4464,1.4464,0,0,1,8,21V11a1.4464,1.4464,0,0,1,.20312-.75A1.53275,1.53275,0,0,1,8.75,9.70312,1.45106,1.45106,0,0,1,9.5,9.5h13A1.45106,1.45106,0,0,1,23.25,9.70312Zm-4.72266,4.22657a8.22719,8.22719,0,0,0-5.05859,0,7.58584,7.58584,0,0,0-2.26563,1.17969.53285.53285,0,0,0-.15234.17968A.47868.47868,0,0,0,11,15.50781a.50039.50039,0,0,0,.10156.29688.50693.50693,0,0,0,.17578.14843.47512.47512,0,0,0,.22266.05469.46552.46552,0,0,0,.30469-.10156A6.8012,6.8012,0,0,1,13.78906,14.875a7.128,7.128,0,0,1,4.42188,0,6.8012,6.8012,0,0,1,1.98437,1.03125.4553.4553,0,0,0,.29688.10156.50239.50239,0,0,0,.22265-.05078.44551.44551,0,0,0,.17578-.15234.47833.47833,0,0,0,.10157-.29688.50239.50239,0,0,0-.05078-.22265.47639.47639,0,0,0-.14453-.17578A7.583,7.583,0,0,0,18.52734,13.92969Zm-.625,1.88672a6.11676,6.11676,0,0,0-3.78906,0,5.82725,5.82725,0,0,0-1.707.88671.489.489,0,0,0-.20313.40626.50031.50031,0,0,0,.10157.29687.47175.47175,0,0,0,.17578.14453.50239.50239,0,0,0,.22265.05078A.48835.48835,0,0,0,13.00781,17.5a4.87051,4.87051,0,0,1,1.42188-.73438,5.09362,5.09362,0,0,1,3.15234,0A4.88628,4.88628,0,0,1,19,17.5a.4553.4553,0,0,0,.29688.10156.50239.50239,0,0,0,.22265-.05078.47175.47175,0,0,0,.17578-.14453.48929.48929,0,0,0,.10157-.30469.5024.5024,0,0,0-.05079-.22265.4765.4765,0,0,0-.14453-.17579A5.72582,5.72582,0,0,0,17.90234,15.81641Zm-.64062,1.90234a4.00692,4.00692,0,0,0-3.65234.59375.5374.5374,0,0,0-.15235.17969.47719.47719,0,0,0-.05078.21875.50036.50036,0,0,0,.10156.29687.58351.58351,0,0,0,.1836.14844.48111.48111,0,0,0,.22265.05469.50039.50039,0,0,0,.29688-.10156,2.97663,2.97663,0,0,1,2.73437-.44922,2.89741,2.89741,0,0,1,.85157.44922.45793.45793,0,0,0,.29687.10156.50244.50244,0,0,0,.22266-.05078.4535.4535,0,0,0,.17578-.15235.47937.47937,0,0,0,.10156-.29687.5024.5024,0,0,0-.05078-.22266.47655.47655,0,0,0-.14453-.17578A3.98735,3.98735,0,0,0,17.26172,17.71875ZM15.293,19.793A.99963.99963,0,1,0,16,19.5.96293.96293,0,0,0,15.293,19.793Z"
      />
    </svg>
  ),
  displayName: 'ScreencastIcon',
});
