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

const viewBox = {"width":32,"height":32};
const content = `<style>.b_3ljdsyi {
  fill: var(--svg-color--000f60, #000f60);
  d: path("m24.507 13.659l-7.101 12.295h10.733l1.743-2.949z");
}

.bhe2rlb5e {
  fill: var(--svg-color--00414f, #00414f);
  d: path("M16.725 3.296h-3.82l-2.077 3.596l.852 1.5l-1.819 3.18h2.085z");
}

.c5vkc0ehx {
  stop-color: var(--svg-color--00d2f8, #00d2f8);
}

.co_ul7b3z {
  fill: var(--svg-color--000c3d, #000c3d);
  d: path("M16.788 27.026h.711l.927 1.642h.605l-.92-1.642h9.395l.633-1.072H17.406z");
}

.f9oibcbut {
  d: path("m12.4 18.381l6.542-11.326l-1.298-2.257L5.868 25.187h10.447z");
}

.gotu7buny {
  stop-color: var(--svg-color--06dbe0, #06dbe0);
}

.hkqgm5pqo {
  d: path("M25.61 18.649H13.226l2.487 4.324h12.384z");
}

.j1zisebej {
  stop-color: var(--svg-color--1dffb8, #1dffb8);
}

.kbbz9wbwm {
  d: path("M14.378 18.085h2.682l-1.948-3.387l-1.345 2.328a.706.706 0 0 0 .611 1.059m4.855-10.523l-3.8 6.581l2.267 3.942h7.585z");
}

.kz83eobvp {
  fill: var(--svg-color--00636b, #00636b);
  d: path("m23.307 11.572l-4.41-7.667h-1.212l-.386-.609h-.574l-4.779 8.276z");
}

.l2jn2eifn {
  fill: var(--svg-color--00225c, #00225c);
  d: path("m4.995 25.954l.644 1.072h11.149l.618-1.072z");
}

.s5w-dabch {
  fill: var(--svg-color--013e80, #013e80);
  d: path("m9.861 11.572l-2.408 4.209l-2.638 1.522L2 22.178l1.927 3.279l8.019-13.885z");
}

.ub9245q-s {
  fill: var(--svg-color--005392, #005392);
  d: path("m24.507 13.659l-1.2-2.087H11.946L3.927 25.457l.292.497h13.187z");
}

.uk69vacmc {
  stop-color: var(--svg-color--3b63ff, #3b63ff);
}
</style><path class="kz83eobvp"/><path class="s5w-dabch"/><path class="bhe2rlb5e"/><path class="l2jn2eifn"/><path class="ub9245q-s"/><path class="co_ul7b3z"/><path class="b_3ljdsyi"/><radialGradient id="SVGB7EcherX" cx="13.769" cy="17.09" r="11.945" gradientUnits="userSpaceOnUse"><stop offset="0" class="gotu7buny"/><stop offset="1" class="uk69vacmc"/></radialGradient><path fill="url(#SVGB7EcherX)" class="f9oibcbut"/><path fill="url(#SVGB7EcherX)" class="hkqgm5pqo"/><linearGradient id="SVGbkm1ZbmQ" x1="15.5" x2="22.3" y1="16.5" y2="13" gradientUnits="userSpaceOnUse"><stop offset="0" class="j1zisebej"/><stop offset="1" class="c5vkc0ehx"/></linearGradient><path fill="url(#SVGbkm1ZbmQ)" class="kbbz9wbwm"/>`;

/** @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={"vscode-icons:file-type-affinitydesigner"} {...others} />);
}

export default Component;
