const {SvgIcon} = pageflow.react;

pageflow.react.iconMapping['pageflow-vr.play'] = function(props) {
  return (
    <SvgIcon {...props} viewBoxLeft={-10} viewBoxTop={-20} viewBoxWidth={626.65} viewBoxHeight={636.65}>
      <path d="M308.32,616.65a308.32,308.32,0,0,1-218-526.34,308.32,308.32,0,1,1,436,436A306.3,306.3,0,0,1,308.32,616.65Zm0-580.65A272.32,272.32,0,0,0,115.76,500.88,272.32,272.32,0,0,0,500.88,115.76,270.54,270.54,0,0,0,308.32,36Z"/>
      <path d="M308.32,456.59c-74.08,0-143.85-14.91-196.46-42-54.3-27.93-84.2-65.68-84.2-106.3S57.56,230,111.86,202c52.61-27.06,122.38-42,196.46-42S452.17,175,504.78,202C559.08,230,589,267.71,589,308.32s-29.9,78.37-84.2,106.3C452.17,441.69,382.4,456.59,308.32,456.59Zm0-280.54c-71.58,0-138.75,14.28-189.14,40.2C70.48,241.31,43.66,274,43.66,308.32s26.82,67,75.52,92.07c50.39,25.92,117.56,40.2,189.14,40.2s138.75-14.28,189.14-40.2c48.7-25.05,75.52-57.75,75.52-92.07s-26.82-67-75.52-92.07C447.07,190.33,379.9,176.06,308.32,176.06Z"/>
      <path d="M308.32,589c-40.61,0-78.36-29.9-106.3-84.2-27.06-52.61-42-122.38-42-196.46S175,164.47,202,111.86c27.93-54.3,65.68-84.2,106.3-84.2s78.37,29.9,106.3,84.2c27.06,52.61,42,122.38,42,196.46s-14.91,143.85-42,196.46C386.69,559.08,348.94,589,308.32,589Zm0-545.32c-34.32,0-67,26.82-92.07,75.52-25.92,50.39-40.2,117.56-40.2,189.14s14.28,138.75,40.2,189.14C241.31,546.16,274,573,308.32,573s67-26.82,92.07-75.52c25.92-50.39,40.2-117.56,40.2-189.14s-14.28-138.75-40.2-189.14C375.34,70.48,342.64,43.66,308.32,43.66Z"/>
    </SvgIcon>
  );
};