// Generated by script, don't edit it please.
import * as React from 'react';

function Codepen(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) {
  return (
    <svg width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor" ref={svgRef} {...props}>
      <path d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304L6.196 16 2.75 13.696v4.607zm14.625 9.75l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25L20.857 16 16 12.75 11.143 16zm-7.339-4.911l5.964-3.982V3.946L3.857 11.125zM25.804 16l3.446 2.304v-4.607zm-2.465-1.661l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75c0 .446-.232.893-.607 1.143l-14.625 9.75c-.232.143-.5.232-.768.232s-.536-.089-.768-.232L.607 22.018A1.397 1.397 0 010 20.875v-9.75c0-.446.232-.893.607-1.143L15.232.232C15.464.089 15.732 0 16 0s.536.089.768.232l14.625 9.75c.375.25.607.696.607 1.143z" />
    </svg>
  );
}

const ForwardRef = React.forwardRef(Codepen);
export default ForwardRef;