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

const viewBox = {"width":48,"height":48};
const content = `<style>.ds7jj_r3k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.85 20.05a7.577 7.577 0 1 0-3.272 14.414m26.833-14.886A7.58 7.58 0 0 1 44 26.886c0 3.739-2.703 6.835-6.258 7.464m-9.367-20.19a7.1 7.1 0 0 1 2.978-.656a7.14 7.14 0 0 1 7.058 6.074");
}

.ojdh3jf9k {
  cx: 18.493px;
  cy: 34.463px;
  r: 1.251px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ouaij3brh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.202 19.316a9 9 0 0 1-.066-1.037a9.115 9.115 0 0 1 9.118-9.118a9.07 9.07 0 0 1 8.12 4.999a8.9 8.9 0 0 1 .998 4.12M19.338 38.839a4.488 4.488 0 1 1 4.126-6.255h5.259l1.507 1.507l1.507-1.507h1.38l1.192 1.766l-1.193 1.767h-9.652a4.49 4.49 0 0 1-4.126 2.722");
}
</style><path class="ds7jj_r3k"/><path class="ouaij3brh"/><circle class="ojdh3jf9k"/>`;

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

export default Component;
