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

const viewBox = {"width":48,"height":48};
const content = `<style>.cpk0fnbgt {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.i6rzhbxao {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.085 18.59c-.618 1.843-2.393 3.304-6.328 2.085L32 24.845l-4.387 1.726l-2.373-3.092c-4.914 4.027-4.938 8.485-22.076 4.602");
}

.mek4qdbcq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.932 38.034c8.744 4.076 6.846-2.059 8.543-2.44c7.439 3.691 13.655 2.925 19.728-1.221a7.07 7.07 0 0 1 4.068-6.102c2.067-6.449-2.41-8.511-9.763-11.796a16.23 16.23 0 0 0 2.645-11.187v-.61");
}

.um67j94_n {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.573 26.787c-8.677.695-17.786-4.866-15.964-13.95m7.191.934l12.08.216c2.006.128.323-5.11-3.163-2.876c-.12-3.14-5.705-3.476-5.394-.791c-2.732-1.769-5.141 3.491-3.523 3.451");
}
</style><circle class="cpk0fnbgt"/><path class="mek4qdbcq"/><path class="i6rzhbxao"/><path class="um67j94_n"/>`;

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

export default Component;
