import * as React from "react";
import { SVGProps } from "react";

const SvgCodepen = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="m8.21 12-1.33.89v-1.78l1.33.89m3.26-2.18V7.34l-4.16 2.78 1.85 1.24 2.31-1.54m5.23.3-4.17-2.78v2.48l2.31 1.54 1.86-1.24m-9.39 3.76 4.16 2.78v-2.48l-2.31-1.54-1.85 1.24m5.22.3v2.48l4.17-2.78-1.86-1.24-2.31 1.54M12 10.74 10.12 12 12 13.26 13.88 12 12 10.74M22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10m-3.82-1.88v-.07l-.01-.05-.01-.05c-.01-.01-.01-.02-.02-.04l-.01-.02-.02-.04-.01-.02-.02-.03-.02-.03-.03-.03-.03-.02V9.7l-.04-.02-.01-.01-5.65-3.76a.528.528 0 0 0-.59 0L6.05 9.67v.01L6 9.7v.02l-.03.02-.03.03-.01.03-.03.03-.01.02-.02.04-.01.02-.02.04V10h-.01l-.01.05V13.95l.01.05h.01v.05c.01.01.01.02.02.04l.01.02.02.04.01.02.02.03.02.03.03.03.03.02v.02l.04.02.01.01 5.66 3.77c.08.06.19.08.29.08.1 0 .21-.03.3-.08l5.65-3.77.01-.01.04-.02v-.02l.03-.02.03-.03.02-.03.02-.03.01-.02.02-.04.01-.02.02-.04V14h.01l.01-.05V10.12m-1.06 2.77v-1.78l-1.33.89 1.33.89Z" />
  </svg>
);

export default SvgCodepen;