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

export const PanoramaIcon = createSvgIcon({
  svg: ({ classes }) => (
    <svg className={classes.svg} viewBox="8 8 16 16" role="presentation" focusable="false">
      <g className={cx(iconClassNames.outline, classes.outlinePart)}>
        <path d="M8,12a1.51,1.51,0,0,1,1.48-1.54,1.76,1.76,0,0,1,.45.07A28.13,28.13,0,0,0,16,11.67a4.63,4.63,0,0,0,.65,0,42.63,42.63,0,0,0,5.37-1.11,1.54,1.54,0,0,1,.43-.06A1.51,1.51,0,0,1,24,12v7.77a3.1,3.1,0,0,1,0,.43,1.49,1.49,0,0,1-1.47,1.35,2.08,2.08,0,0,1-.5-.07,27,27,0,0,0-6-1.11,28.07,28.07,0,0,0-6,1.1,2,2,0,0,1-.54.08A1.5,1.5,0,0,1,8,20Zm10.36,7.69V17.93H20.7v2.19s0,.05.05.07c.22.06,1.59.42,1.74.42a.57.57,0,0,0,.56-.59V12a.55.55,0,0,0-.56-.59c-.22,0-1.93.47-2.29.55a18.54,18.54,0,0,1-4.25.66,27.2,27.2,0,0,1-6.17-1.16.81.81,0,0,0-.27,0A.53.53,0,0,0,9,12c0,2.68,0,5.36,0,8a.58.58,0,0,0,.57.6c.14,0,1.51-.35,1.72-.41a.09.09,0,0,0,.07-.1V17.93h2.35v1.76l.59-.1V17.34h3.53v2.25Z" />
        <path d="M20.7,16.16A1.18,1.18,0,1,1,19.52,15,1.2,1.2,0,0,1,20.7,16.16Z" />
        <path d="M12.5,15a1.18,1.18,0,1,1-1.2,1.11A1.19,1.19,0,0,1,12.5,15Z" />
        <path d="M16,16.75a1.2,1.2,0,0,1-1.16-1.19A1.18,1.18,0,1,1,16,16.75Z" />
      </g>
      <g className={cx(iconClassNames.filled, classes.filledPart)}>
        <path d="M8,12a1.51,1.51,0,0,1,1.49-1.53,1.67,1.67,0,0,1,.44.06,28.74,28.74,0,0,0,6,1.15,25.15,25.15,0,0,0,5.72-1.05,3.22,3.22,0,0,1,.82-.16A1.5,1.5,0,0,1,24,12V20a1.51,1.51,0,0,1-1.48,1.52,2.11,2.11,0,0,1-.56-.09A28.94,28.94,0,0,0,16,20.37a21.91,21.91,0,0,0-4.94.83,8.34,8.34,0,0,1-1.6.35A1.51,1.51,0,0,1,8,20Zm9.76,7.64V17.34H14.24v2.27A10.38,10.38,0,0,1,16,19.45,9.46,9.46,0,0,1,17.76,19.62ZM11.3,17.93V20.2c.74-.12,1.49-.32,2.22-.47.12,0,.13,0,.13-.14V17.93Zm9.4,2.26V17.93H18.36c0,.57,0,1.15,0,1.72,0,0,0,.05.06.05C19.16,19.88,19.94,20,20.7,20.19Zm-1.18-2.86a1.18,1.18,0,1,0,0-2.35,1.18,1.18,0,1,0,0,2.35ZM11.3,16.15a1.19,1.19,0,0,0,1.22,1.19A1.18,1.18,0,0,0,12.43,15,1.19,1.19,0,0,0,11.3,16.15Zm5.87-.58A1.18,1.18,0,1,0,16,16.74,1.18,1.18,0,0,0,17.17,15.57Z" />
        <path d="M8,12a1.51,1.51,0,0,1,1.49-1.53,1.67,1.67,0,0,1,.44.06,28.74,28.74,0,0,0,6,1.15,25.15,25.15,0,0,0,5.72-1.05,3.22,3.22,0,0,1,.82-.16A1.5,1.5,0,0,1,24,12V20a1.51,1.51,0,0,1-1.48,1.52,2.11,2.11,0,0,1-.56-.09A28.94,28.94,0,0,0,16,20.37a21.91,21.91,0,0,0-4.94.83,8.34,8.34,0,0,1-1.6.35A1.51,1.51,0,0,1,8,20Zm9.76,7.64V17.34H14.24v2.27A10.38,10.38,0,0,1,16,19.45,9.46,9.46,0,0,1,17.76,19.62ZM11.3,17.93V20.2c.74-.12,1.49-.32,2.22-.47.12,0,.13,0,.13-.14V17.93Zm9.4,2.26V17.93H18.36c0,.57,0,1.15,0,1.72,0,0,0,.05.06.05C19.16,19.88,19.94,20,20.7,20.19Zm-1.18-2.86a1.18,1.18,0,1,0,0-2.35,1.18,1.18,0,1,0,0,2.35ZM11.3,16.15a1.19,1.19,0,0,0,1.22,1.19A1.18,1.18,0,0,0,12.43,15,1.19,1.19,0,0,0,11.3,16.15Zm5.87-.58A1.18,1.18,0,1,0,16,16.74,1.18,1.18,0,0,0,17.17,15.57Z" />
      </g>
    </svg>
  ),
  displayName: 'PanoramaIcon',
});
