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

const viewBox = {"width":48,"height":48};
const content = `<style>.cg_9m9bpj {
  d: path("M45.5 24c0 4-1.09 7.74-3 10.94a21.4 21.4 0 0 1-5.95 6.51c-.97.7-2.15 1.05-3.35 1.05H14.8c-1.2 0-2.38-.35-3.35-1.05a21.4 21.4 0 0 1-5.95-6.51c-1.91-3.2-3-6.94-3-10.94s1.09-7.74 3-10.94c1.83-3.11 4.45-5.73 7.56-7.56c3.2-1.91 6.94-3 10.94-3s7.74 1.09 10.94 3c3.11 1.83 5.73 4.45 7.56 7.56c1.91 3.2 3 6.94 3 10.94");
}

.j5ism-6sy {
  d: path("m27.53 19.58l13.39-8.83M27.42 28.5l13.04 9.32");
}

.pru4_6moa {
  cx: 24px;
  cy: 24px;
  r: 5.66px;
}

.y9tr6bcfx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><g class="y9tr6bcfx"><path class="cg_9m9bpj"/><circle class="pru4_6moa"/><path class="j5ism-6sy"/></g>`;

/** @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:bikewale"} {...others} />);
}

export default Component;
