Icon Image

export default function IconImage({
  width = 14,
  color = "#333",
  className,
  style,
}) {
  return (
    <svg
      width={width}
      className={className}
      style={style}
      viewBox="0 0 513 513"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M416.291 64.2858H96.2908C79.3226 64.3043 63.0547 71.0531 51.0564 83.0514C39.0581 95.0497 32.3093 111.318 32.2908 128.286V384.286C32.3093 401.254 39.0581 417.522 51.0564 429.52C63.0547 441.518 79.3226 448.267 96.2908 448.286H416.291C433.259 448.267 449.527 441.518 461.525 429.52C473.523 417.522 480.272 401.254 480.291 384.286V128.286C480.272 111.318 473.523 95.0497 461.525 83.0514C449.527 71.0531 433.259 64.3043 416.291 64.2858V64.2858ZM336.291 128.286C345.784 128.286 355.065 131.101 362.958 136.375C370.852 141.65 377.004 149.146 380.637 157.917C384.27 166.688 385.221 176.339 383.368 185.65C381.516 194.961 376.945 203.514 370.232 210.227C363.519 216.94 354.966 221.511 345.655 223.363C336.344 225.216 326.693 224.265 317.922 220.632C309.151 216.999 301.655 210.847 296.38 202.953C291.106 195.06 288.291 185.779 288.291 176.286C288.304 163.559 293.365 151.358 302.364 142.359C311.363 133.36 323.564 128.299 336.291 128.286V128.286ZM96.2908 416.286C87.8038 416.286 79.6645 412.914 73.6634 406.913C67.6622 400.912 64.2908 392.773 64.2908 384.286V316.656L159.131 232.356C168.281 224.24 180.182 219.919 192.407 220.272C204.633 220.625 216.264 225.626 224.931 234.256L289.881 299.066L172.661 416.286H96.2908ZM448.291 384.286C448.291 392.773 444.919 400.912 438.918 406.913C432.917 412.914 424.778 416.286 416.291 416.286H217.921L339.341 294.866C347.937 287.555 358.847 283.527 370.131 283.498C381.416 283.469 392.346 287.44 400.981 294.706L448.291 334.126V384.286Z"
        fill={color}
      />
    </svg>
  );
}

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

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