Icon File

export default function IconFile({
  width = 16,
  color = "#333",
  degree =0,
  style,
  className,
}) {
  return (
    <svg
      width={width}
      viewBox="0 0 716 716"
      fill={'none'}
      xmlns="http://www.w3.org/2000/svg"
      style={{ ...style, transform: "rotate(" + degree + "deg)" }}
      className={className}
    >
      <path
        d="M385.897 287.66L269.498 372.181C261.084 378.496 255.49 387.866 253.923 398.269C252.357 408.672 254.943 419.274 261.125 427.787C267.306 436.3 276.587 442.041 286.964 443.771C297.34 445.502 307.982 443.083 316.591 437.037L469.237 326.356C476.577 321.162 482.812 314.562 487.581 306.94C492.351 299.318 495.56 290.825 497.023 281.954C498.486 273.082 498.173 264.009 496.103 255.259C494.033 246.509 490.247 238.257 484.963 230.981C479.68 223.706 473.006 217.551 465.326 212.874C457.647 208.198 449.116 205.092 440.227 203.737C431.338 202.382 422.269 202.804 413.545 204.98C404.821 207.157 396.616 211.043 389.405 216.414L235.807 327.946C225.457 335.235 216.66 344.508 209.926 355.227C203.192 365.947 198.656 377.897 196.582 390.385C194.508 402.873 194.937 415.649 197.844 427.969C200.752 440.29 206.079 451.909 213.517 462.152C220.955 472.396 230.355 481.058 241.17 487.636C251.986 494.214 264.001 498.577 276.518 500.47C289.034 502.363 301.802 501.749 314.079 498.664C326.357 495.579 337.898 490.083 348.032 482.498L491.564 378.275"
        stroke={color}
        strokeWidth="32"
        strokeMiterlimit="10"
        strokeLinecap="round"
      />
    </svg>
  );
}

import IconFile from "../../element/icon/IconFile";

export default function TestView() {
  return (
    <div className="test-view">
      <IconFile color="var(--txt-bright)" width={50} />
    </div>
  );
}