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

const viewBox = {"width":48,"height":48};
const content = `<style>.adr_y9bpy {
  cx: 10.176px;
  cy: 34.429px;
  r: 0.75px;
  fill: currentColor;
}

.b6va0vnwr {
  cx: 33.91px;
  cy: 20.524px;
  r: 0.75px;
  fill: currentColor;
}

.buc1py-be {
  cx: 21.93px;
  cy: 13.534px;
  r: 0.75px;
  fill: currentColor;
}

.c-c2uvbah {
  cx: 26.07px;
  cy: 34.466px;
  r: 0.75px;
  fill: currentColor;
}

.h0-2xdbnn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m33.906 20.524l-7.947-.007l-4.029-6.975l3.919-6.967l7.946.008l4.029 6.974Z");
}

.i5np4nmfe {
  cx: 14.096px;
  cy: 27.477px;
  r: 0.75px;
  fill: currentColor;
}

.im9-v0zua {
  cx: 10.066px;
  cy: 20.509px;
  r: 0.75px;
  fill: currentColor;
}

.k0xeofhdc {
  cx: 37.934px;
  cy: 27.476px;
  r: 0.75px;
  fill: currentColor;
}

.o3j_j_btn {
  cx: 22.134px;
  cy: 41.425px;
  r: 0.75px;
  fill: currentColor;
}

.oc5ok5bqo {
  cx: 22.041px;
  cy: 27.476px;
  r: 0.75px;
  fill: currentColor;
}

.pnm-17bzp {
  cx: 37.824px;
  cy: 13.55px;
  r: 0.75px;
  fill: currentColor;
}

.ryro6okrh {
  cx: 14.18px;
  cy: 41.418px;
  r: 0.75px;
  fill: currentColor;
}

.tdqvsuble {
  cx: 34.023px;
  cy: 34.465px;
  r: 0.75px;
  fill: currentColor;
}

.uee0o3e5v {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m22.04 27.483l-7.946-.007l-4.028-6.975l3.918-6.967l7.947.008l4.028 6.975Zm11.976 6.983l-7.946-.008l-4.029-6.975l3.919-6.967l7.946.008l4.029 6.975Z");
}

.xw08rbc-m {
  cx: 13.994px;
  cy: 13.55px;
  r: 0.75px;
  fill: currentColor;
}

.yb2hgwvza {
  cx: 25.861px;
  cy: 6.575px;
  r: 0.75px;
  fill: currentColor;
}

.ycwmbr-7o {
  cx: 25.959px;
  cy: 20.517px;
  r: 0.75px;
  fill: currentColor;
}

.ywgqf0w3m {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m22.151 41.425l-7.946-.008l-4.029-6.974l3.918-6.967l7.947.007l4.029 6.975Z");
}

.zboe3lbfp {
  cx: 33.803px;
  cy: 6.582px;
  r: 0.75px;
  fill: currentColor;
}
</style><circle class="k0xeofhdc"/><circle class="oc5ok5bqo"/><circle class="ycwmbr-7o"/><circle class="b6va0vnwr"/><circle class="pnm-17bzp"/><circle class="zboe3lbfp"/><circle class="yb2hgwvza"/><circle class="buc1py-be"/><circle class="o3j_j_btn"/><circle class="c-c2uvbah"/><circle class="tdqvsuble"/><circle class="ryro6okrh"/><circle class="im9-v0zua"/><circle class="i5np4nmfe"/><circle class="adr_y9bpy"/><path class="h0-2xdbnn"/><path class="uee0o3e5v"/><path class="ywgqf0w3m"/><circle class="xw08rbc-m"/>`;

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

export default Component;
