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

const viewBox = {"width":36,"height":36};
const content = `<style>.bl3eenby {
  fill: #f4900c;
  d: path("M7 23.817c4 2.292 26 1.146 26 1.146s.288-2.335-.24-4.206L2.078 19.589c.977 1.205 2.614 2.905 4.922 4.228");
}

.gpg6ggqt {
  fill: #3b88c3;
  d: path("M7.248 19.101C10.798 16.41 14 16.043 15 16.043V20c0 3.162-7.752-.899-7.752-.899");
}

.lxsk9-bx {
  fill: #ccd6dd;
  d: path("M33 24.964s.5-4.013-1-5.731L1 18.086s2 3.439 6 5.732c4 2.291 26 1.146 26 1.146");
}

.tb-g-jb {
  fill: #66757f;
  d: path("M32 18h2v7h-2z");
}

.udmn8cb {
  fill: #55acee;
  d: path("M0 24h36v12H0z");
}

.uwb85ha {
  fill: #e1e8ed;
  d: path("M6 19.219S11 15 16 15h.029L16 20s0 1-4 1s-6-1.781-6-1.781");
}

.xfglkacs {
  fill: #66757f;
  d: path("M35 19a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1z");
}
</style><path class="xfglkacs"/><path class="tb-g-jb"/><path class="uwb85ha"/><path class="gpg6ggqt"/><path class="lxsk9-bx"/><path class="bl3eenby"/><path class="udmn8cb"/>`;

/** @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={"twemoji:motor-boat"} {...others} />);
}

export default Component;
