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

const viewBox = {"width":48,"height":48};
const content = `<style>.lf511d99d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.165 32.793V6.379l-7.039 5.99l-.01 6.31M32 35.407v-13.78h-7.803v11.167m6.18-19.16v7.886m8.446 18.205V13.728");
}

.rznbskpxn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m18.937 39.379l2.315-2.124l-2.578-1.385m5.476 3.568l3.65-2.35l-3.602-2.22m-10.379.43V19.575l-3.257-3.615l-3.27 3.615v16.298");
}

.z7g-4i-lz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m29.172 13.633l10.535.096M6.22 36.24c13.087 7.683 9.913-4.248 32.605 3.483c-20.758-13.302-17.537-2.78-32.523-3.519c6.741 9.774 20.129 12.233 29.903 5.493s12.233-20.129 5.492-29.903C34.957 2.021 21.57-.438 11.795 6.303a21.5 21.5 0 0 0-5.468 5.457");
}
</style><path class="z7g-4i-lz"/><path class="rznbskpxn"/><path class="lf511d99d"/>`;

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

export default Component;
