import React from 'react';
import { Icon } from '../Icon';
import type { IconProps } from '../.types/IconPropsType';

export function FlameIcon(props: IconProps) {
  return (
    <Icon {...props}>
      <svg
        width="16"
        height="16"
        viewBox="2 2 12 12"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path d="M7.771 2.06801C7.70122 2.02704 7.62254 2.00362 7.54172 1.99976C7.4609 1.9959 7.38035 2.01171 7.30698 2.04584C7.23362 2.07996 7.16963 2.13138 7.12051 2.19568C7.0714 2.25999 7.03862 2.33525 7.025 2.41501C6.85838 3.38142 6.46077 4.29329 5.866 5.07301C5.65951 5.32222 5.43526 5.55616 5.195 5.77301C4.58535 6.24 4.0865 6.83601 3.73417 7.51837C3.38184 8.20073 3.18475 8.95255 3.157 9.72001C3.15846 10.5778 3.38726 11.4199 3.82009 12.1605C4.25293 12.9011 4.87433 13.5137 5.621 13.936C5.69903 13.98 5.78747 14.0023 5.87705 14.0004C5.96663 13.9986 6.05407 13.9727 6.13021 13.9255C6.20636 13.8782 6.26842 13.8114 6.3099 13.732C6.35138 13.6526 6.37075 13.5635 6.366 13.474C6.32953 13.186 6.38576 12.8938 6.52656 12.6399C6.66735 12.386 6.88537 12.1836 7.149 12.062C7.47859 11.8864 7.76023 11.6329 7.96939 11.3235C8.17855 11.0141 8.30887 10.6583 8.349 10.287C8.79435 10.6926 9.14137 11.1944 9.36369 11.7543C9.58601 12.3142 9.67777 12.9174 9.632 13.518C9.63492 13.6039 9.65992 13.6875 9.70459 13.7609C9.74925 13.8343 9.81208 13.895 9.887 13.937C9.96196 13.9786 10.0463 14.0004 10.132 14.0004C10.2177 14.0004 10.302 13.9786 10.377 13.937C11.1242 13.5149 11.7461 12.9022 12.1793 12.1614C12.6125 11.4206 12.8415 10.5782 12.843 9.72001C12.843 6.65701 11.089 4.01201 7.771 2.06801Z" />
      </svg>
    </Icon>
  );
}
