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

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

.jgrt6o6ax {
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 5.052;
  d: path("M4.5 32.706V15.293");
}

.k3hzlib2r {
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 5.052;
  d: path("M14.991 29.726s3.38 4.834 7.326 0");
}

.k588hfbcc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-miterlimit: 5.052;
  d: path("M8.27 21.068c-1.548-1.93-3.46-.734-3.76 1.078m17.72 2.44c1.445 1.67 3.292 1.15 4.379-.383m2.535-3.275a2.046 2.046 0 0 1 3.653.33");
}

.kw82nj5da {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m14.991 29.726l-1.222-1.573v4.553a4.635 4.635 0 0 1-9.269 0m19.04 0v-4.553l-1.222 1.572m-14.08-8.689l5.532 7.117m9.77 0l5.605-7.224");
}

.tzbfaqt7d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M4.5 15.295a4.635 4.635 0 0 1 4.635-4.635c2.56 0 3.226 1.272 4.002 2.249l9.092 11.677m10.579 8.12a4.635 4.635 0 1 1-9.269 0");
}

.xgdb5ybls {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-miterlimit: 5.052;
  d: path("M16.517 17.221c1.427 1.893 2.848 1.93 4.35.059l3.544-4.584c.688-.812 1.203-2.036 3.763-2.036a4.635 4.635 0 0 1 4.635 4.634v17.413");
}

.yirlk--zm {
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 5.052;
  d: path("M39.392 20.646a4.106 4.106 0 0 0-4.106 4.106v8.483a4.107 4.107 0 0 0 8.214 0v-8.483a4.107 4.107 0 0 0-4.108-4.106Z");
}
</style><circle class="f_o6ymbhr"/><path class="tzbfaqt7d"/><path class="jgrt6o6ax"/><path class="kw82nj5da"/><path class="k3hzlib2r"/><path class="k588hfbcc"/><path class="xgdb5ybls"/><path class="yirlk--zm"/>`;

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

export default Component;
