/**
 * 这些代码由 UltraIcons 自动生成，请勿改动。
 */
import React, { SVGProps } from 'react';
import PropTypes from 'prop-types';
import withWrapper from '../utils/withWrapper';
interface SVGComponentProps extends SVGProps<SVGSVGElement> {
  size?: number | string;
}
const CodepenLineIconComponent = (p: SVGComponentProps) => {
  const { size, ...props } = p;
  return (
    <svg
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      fill="currentColor"
      {...props}
    >
      <path fill="none" d="M0 0h24v24H0z" />
      <path d="M16.5 13.202 13 15.535v3.596L19.197 15 16.5 13.202zM14.697 12 12 10.202 9.303 12 12 13.798 14.697 12zM20 10.869 18.303 12 20 13.131V10.87zM19.197 9 13 4.869v3.596l3.5 2.333L19.197 9zM7.5 10.798 11 8.465V4.869L4.803 9 7.5 10.798zM4.803 15 11 19.131v-3.596l-3.5-2.333L4.803 15zM4 13.131 5.697 12 4 10.869v2.262zM2 9a1 1 0 0 1 .445-.832l9-6a1 1 0 0 1 1.11 0l9 6A1 1 0 0 1 22 9v6a1 1 0 0 1-.445.832l-9 6a1 1 0 0 1-1.11 0l-9-6A1 1 0 0 1 2 15V9z" />
    </svg>
  );
};

CodepenLineIconComponent.propTypes = {
  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
};
const CodepenLineIcon = withWrapper(CodepenLineIconComponent);
export default CodepenLineIcon;