/***************************************************************************
 * The contents of this file were generated with Amplify Studio.           *
 * Please refrain from making any modifications to this file.              *
 * Any changes to this file will be overwritten when running amplify pull. *
 **************************************************************************/

/* eslint-disable */
import React from "react";
import { getOverrideProps } from "@aws-amplify/ui-react/internal";
import { Icon } from "@aws-amplify/ui-react";
export default function YouTubeIcon(props) {
  const { overrides, ...rest } = props;
  return (
    <Icon
      width="24px"
      height="24px"
      position="relative"
      padding="0px 0px 0px 0px"
      viewBox={{ minX: 0, minY: 0, width: 24, height: 24 }}
      paths={[
        {
          d: "M21.8313 2.41713C21.5748 1.4657 20.8193 0.716374 19.86 0.46208C18.1211 0 11.1486 0 11.1486 0C11.1486 0 4.1761 0 2.43723 0.46208C1.47791 0.716414 0.722358 1.4657 0.465921 2.41713C0 4.14167 0 7.73975 0 7.73975C0 7.73975 0 11.3378 0.465921 13.0624C0.722358 14.0138 1.47791 14.7319 2.43723 14.9862C4.1761 15.4483 11.1486 15.4483 11.1486 15.4483C11.1486 15.4483 18.1211 15.4483 19.86 14.9862C20.8193 14.7319 21.5748 14.0138 21.8313 13.0624C22.2972 11.3378 22.2972 7.73975 22.2972 7.73975C22.2972 7.73975 22.2972 4.14167 21.8313 2.41713L21.8313 2.41713ZM8.86818 11.0065L8.86818 4.47296L14.6958 7.73983L8.86818 11.0065L8.86818 11.0065Z",
          fill: "rgba(84,91,100,1)",
          fillRule: "nonzero",
          style: { transform: "translate(4.17%, 16.67%)" },
        },
      ]}
      {...rest}
      {...getOverrideProps(overrides, "YouTubeIcon")}
    ></Icon>
  );
}
