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

const viewBox = {"width":48,"height":48};
const content = `<style>.c5appdbxq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.08 31.153v-8h2.62c1.48 0 2.68 1.203 2.68 2.687s-1.2 2.686-2.68 2.686h-2.62m17.015.627v2.7a2 2 0 0 1-3.414 1.414");
}

.g6d-zjbkb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.095 25.853v3.3a2 2 0 1 1-4 0v-3.3m-1.861 3.3c0 1.105-.888 2-1.985 2h-.696c-.726 0-1.315-.593-1.315-1.325s.589-1.325 1.315-1.325h2.685");
}

.llgapdg0r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.734 26.378c.482-.483.82-.525 1.75-.525c1.056 0 1.75.464 1.75 1.72v3.58");
}

.snj4fbggw {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.97 29.422C9.953 41.369 23.93 47.86 33.05 40.146c9.121-7.715 5.037-22.573-6.747-24.54a4.3 4.3 0 0 1 .404-1.579C28.13 10.714 33.1 5.822 36.844 4.51C19.272 4.503 9.97 15.306 9.97 29.421z");
}
</style><path class="snj4fbggw"/><path class="c5appdbxq"/><path class="g6d-zjbkb"/><path class="llgapdg0r"/>`;

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

export default Component;
