@react-spectrum/s2
Version:
Spectrum 2 UI components in React
165 lines (158 loc) • 7.97 kB
JavaScript
import {createIllustration as $ac8c32e6775ddd1f$export$4d00e7be716a0093} from "../../../../icons/Icon.mjs";
import {jsxs as $gnBhf$jsxs, jsx as $gnBhf$jsx} from "react/jsx-runtime";
import {forwardRef as $gnBhf$forwardRef} from "react";
const $a2e9534ee25c5fee$var$SvgComponent = (props, ref)=>/*#__PURE__*/ (0, $gnBhf$jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: 96,
height: 96,
viewBox: "0 0 96 96",
ref: ref,
...props,
children: [
/*#__PURE__*/ (0, $gnBhf$jsxs)("defs", {
children: [
/*#__PURE__*/ (0, $gnBhf$jsxs)("linearGradient", {
id: "015454__d",
x1: 66.406,
x2: 18.058,
y1: 3.316,
y2: 66.001,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
stopColor: "#FF4885"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 1,
stopColor: "#FF4885",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $gnBhf$jsxs)("linearGradient", {
id: "015454__e",
x1: 36.95,
x2: 46.277,
y1: -25.541,
y2: 34.149,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 0.156,
stopColor: "#7A6AFD"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 1,
stopColor: "#7A6AFD",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $gnBhf$jsxs)("linearGradient", {
id: "015454__f",
x1: -70.665,
x2: 86.262,
y1: 94.463,
y2: 63.449,
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
stopColor: "#30A7FE",
stopOpacity: 0
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 0.432,
stopColor: "#30A7FE",
stopOpacity: 0.995
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 0.609,
stopColor: "#30A7FE"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 1,
stopColor: "#30A7FE",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $gnBhf$jsxs)("radialGradient", {
id: "015454__c",
cx: 0,
cy: 0,
r: 1,
gradientTransform: "rotate(90 9.766 70.65)scale(120.537)",
gradientUnits: "userSpaceOnUse",
children: [
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 0.089,
stopColor: "#EB1000"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("stop", {
offset: 1,
stopColor: "#EB1000",
stopOpacity: 0
})
]
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("clipPath", {
id: "015454__b",
children: /*#__PURE__*/ (0, $gnBhf$jsx)("rect", {
width: 83.485,
height: 83.485,
x: 6,
y: 6,
fill: "#fff",
rx: 10
})
})
]
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("clipPath", {
id: "015454__a",
children: /*#__PURE__*/ (0, $gnBhf$jsx)("path", {
fill: "#fff",
fillRule: "evenodd",
d: "M12 30v36c0 5.302 4.298 9.6 9.6 9.6h52.8c5.302 0 9.6-4.298 9.6-9.6V30c0-5.302-4.298-9.6-9.6-9.6H21.6C16.298 20.4 12 24.7 12 30m31.087 8.688 12.56 7.271c1.406.814 1.404 2.846-.005 3.657l-12.577 7.242c-1.409.81-3.167-.207-3.165-1.833l.017-14.513c.002-1.625 1.763-2.639 3.17-1.824"
})
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("g", {
clipPath: "url(#015454__a)",
children: /*#__PURE__*/ (0, $gnBhf$jsxs)("g", {
clipPath: "url(#015454__b)",
children: [
/*#__PURE__*/ (0, $gnBhf$jsx)("rect", {
width: 83.485,
height: 83.485,
x: 6,
y: 6,
fill: "#D9F4FD",
rx: 10
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("circle", {
cx: 80.416,
cy: 60.885,
r: 120.537,
fill: "url(#015454__c)"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("path", {
fill: "url(#015454__d)",
d: "M-1.513 32.149c-1.34-28.856 20.966-53.335 49.822-54.675s53.335 20.966 54.675 49.822-20.966 53.335-49.822 54.675S-.173 61.005-1.513 32.149"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("path", {
fill: "url(#015454__e)",
d: "M27.091-51.768c-6.51-4.028-14.757-4.053-21.29-.064l-65.35 39.9c-6.4 3.908-6.41 13.132-.02 17.054L5.35 44.966c6.524 4.003 14.772 3.999 21.29-.014L91.422 5.07c6.358-3.914 6.37-13.087.02-17.016z"
}),
/*#__PURE__*/ (0, $gnBhf$jsx)("path", {
fill: "url(#015454__f)",
d: "M-35.617 45.931c13.47 0 25.67 5.452 34.504 14.246 17.667 17.62 32.314 17.634 49.982.045 8.833-8.84 21.05-14.306 34.534-14.306 26.954.015 48.788 21.79 48.788 48.671s-21.834 48.641-48.788 48.641c-13.515 0-25.731-5.481-34.565-14.321-17.652-17.559-32.284-17.544-49.951.075-8.834 8.81-21.035 14.246-34.504 14.246-26.939 0-48.774-21.775-48.774-48.64S-62.556 45.93-35.617 45.93"
})
]
})
})
]
});
const $a2e9534ee25c5fee$var$ForwardRef = /*#__PURE__*/ (0, $gnBhf$forwardRef)($a2e9534ee25c5fee$var$SvgComponent);
var $a2e9534ee25c5fee$export$2e2bcd8739ae039 = /*#__PURE__*/ (0, $ac8c32e6775ddd1f$export$4d00e7be716a0093)($a2e9534ee25c5fee$var$ForwardRef);
export {$a2e9534ee25c5fee$export$2e2bcd8739ae039 as default};
//# sourceMappingURL=S2_fill_video_generic2_96.mjs.map