import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":48,"height":48};
const content = `<style>.qti5u3b7f {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.274 5.87L5.71 17.905a2.94 2.94 0 0 0-1.067 3.285l6.327 19.47a2.94 2.94 0 0 0 2.793 2.031h20.472c1.273 0 2.4-.82 2.793-2.03l6.327-19.471a2.94 2.94 0 0 0-1.067-3.285L25.726 5.871a2.94 2.94 0 0 0-3.452 0");
}

.xyu07un5a {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.07 10.786A1.96 1.96 0 0 0 24 12.53v24.908c0 1.08.877 1.957 1.958 1.957h6.598c.848 0 1.599-.547 1.86-1.353l5.289-16.272a1.96 1.96 0 0 0-.711-2.19l-11.885-8.633a1.96 1.96 0 0 0-2.04-.16z");
}
</style><path class="qti5u3b7f"/><path class="xyu07un5a"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"arcticons:marinetraffic"} {...others} />);
}

export default Component;
