import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const Remotion: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Remotion(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      strokeWidth={strokeWidth}
      strokeLinecap={strokeLinecap}
      strokeLinejoin={strokeLinejoin}
      strokeDasharray={strokeDasharray}
      opacity={opacity}
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M7.77899 3.26042C7.40952 3.28034 7.11178 3.33856 6.81174 3.45194C6.6621 3.50787 6.41681 3.62968 6.28184 3.71396C5.71721 4.0656 5.28681 4.5942 5.06235 5.20938C5.01761 5.33118 4.89652 5.7196 4.81861 5.98697C4.2995 7.77427 4.00485 9.72861 3.94161 11.797C3.93157 12.1265 3.93157 12.9109 3.94161 13.235C3.98403 14.6064 4.11592 15.8444 4.35504 17.1069C4.45223 17.6179 4.60804 18.3043 4.69828 18.6161C4.88263 19.2496 5.25904 19.7889 5.79435 20.1843C6.15302 20.4493 6.56028 20.6271 7.01151 20.7145C7.22903 20.7565 7.51596 20.7757 7.72731 20.7619C8.01965 20.7428 8.59969 20.6654 9.07097 20.5819C11.1953 20.2058 13.1575 19.5323 14.937 18.5686C16.0639 17.958 17.0273 17.2969 17.9567 16.4948C18.8831 15.6964 19.6729 14.8377 20.368 13.874C20.5291 13.651 20.6102 13.5208 20.6911 13.3568C20.8994 12.934 20.9973 12.5134 20.9966 12.043C20.9966 11.6047 20.9132 11.2156 20.7335 10.8172C20.6471 10.625 20.5647 10.487 20.3795 10.225C19.6977 9.2605 18.9409 8.42009 18.0185 7.60343C16.5884 6.33784 14.8899 5.29977 12.9932 4.53138C12.5821 4.36513 12.1771 4.21881 11.6897 4.06023C10.6576 3.72545 9.38028 3.4351 8.29964 3.2903C8.12995 3.26732 7.89932 3.25429 7.77899 3.26042Z"
        fill="#0b84f3"
        fillOpacity=".1"
      />
      <path
        d="M8.77972 5.12436C8.48898 5.14003 8.2547 5.18584 8.01858 5.27507C7.90084 5.31907 7.70782 5.41493 7.6016 5.48125C7.1573 5.75795 6.81862 6.17391 6.64199 6.658C6.60679 6.75384 6.51149 7.05949 6.45019 7.26988C6.0417 8.67631 5.80984 10.2142 5.76007 11.8419C5.75218 12.1011 5.75218 12.7184 5.76007 12.9733C5.79346 14.0525 5.89724 15.0267 6.0854 16.0202C6.16189 16.4222 6.28449 16.9624 6.3555 17.2078C6.50056 17.7063 6.79676 18.1307 7.218 18.4418C7.50024 18.6504 7.82072 18.7903 8.17579 18.8589C8.34695 18.8921 8.57274 18.9072 8.73905 18.8963C8.96909 18.8813 9.42553 18.8204 9.79641 18.7546C11.468 18.4587 13.0121 17.9288 14.4124 17.1704C15.2991 16.6899 16.0572 16.1697 16.7886 15.5385C17.5176 14.9103 18.1391 14.2345 18.686 13.4762C18.8128 13.3007 18.8766 13.1983 18.9403 13.0692C19.1042 12.7365 19.1813 12.4055 19.1807 12.0353C19.1807 11.6905 19.1151 11.3842 18.9737 11.0708C18.9058 10.9195 18.8408 10.8109 18.6951 10.6048C18.1585 9.84585 17.5631 9.18451 16.8371 8.54188C15.7118 7.54599 14.3753 6.72913 12.8828 6.12448C12.5593 5.99366 12.2407 5.87851 11.857 5.75372C11.0449 5.49028 10.0398 5.26181 9.18942 5.14787C9.05589 5.12978 8.8744 5.11954 8.77972 5.12436Z"
        fill="#0b84f3"
        fillOpacity=".3"
      />
      <path
        d="M9.81571 7.05762C9.60662 7.06889 9.43814 7.10183 9.26833 7.166C9.18366 7.19764 9.04485 7.26658 8.96847 7.31426C8.64895 7.51326 8.40539 7.81239 8.27837 8.16051C8.25306 8.22945 8.18452 8.44924 8.14044 8.60055C7.84668 9.61194 7.67994 10.7179 7.64415 11.8885C7.63847 12.0748 7.63847 12.5188 7.64415 12.7022C7.66816 13.4781 7.7428 14.1788 7.87811 14.8932C7.93311 15.1824 8.02127 15.5708 8.07235 15.7473C8.17667 16.1058 8.38967 16.411 8.6926 16.6347C8.89557 16.7847 9.12604 16.8853 9.38139 16.9347C9.50448 16.9585 9.66681 16.9694 9.78643 16.9616C9.95193 16.9508 10.2802 16.907 10.5468 16.8597C11.749 16.6468 12.8594 16.2658 13.8663 15.7204C14.5041 15.3749 15.0492 15.0007 15.5752 14.5468C16.0995 14.0951 16.5465 13.6091 16.9397 13.0637C17.031 12.9376 17.0768 12.8638 17.1226 12.7711C17.2404 12.5318 17.2958 12.2938 17.2955 12.0276C17.2955 11.7796 17.2483 11.5594 17.1466 11.334C17.0977 11.2251 17.051 11.1471 16.9462 10.9988C16.5604 10.453 16.1322 9.97741 15.6102 9.51529C14.8009 8.7991 13.8397 8.21167 12.7664 7.77684C12.5338 7.68277 12.3046 7.59996 12.0287 7.51022C11.4447 7.32077 10.7219 7.15646 10.1103 7.07452C10.0143 7.06151 9.88377 7.05415 9.81571 7.05762Z"
        fill="#0b84f3"
      />
    </svg>
  );
});

Remotion.displayName = "Remotion";

Remotion.metadata = {
  name: "Remotion",
  category: "icon/framework",
  tags: ["remotion", "icon"],
  description: "Remotion icon from icon/framework category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Remotion;