raster-react
Version:
Retro pixel perfect icons with a charming aesthetic for your needs.
562 lines (554 loc) • 651 kB
JavaScript
import React from 'react';
/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
var e = new Error(message);
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
};
var ZeroIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 136, width: 14, height: 14, rx: radius }));
};
var ZIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 72, width: 14, height: 14, rx: radius }));
};
var YIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 104, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }));
};
var XIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 120 152)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 104 168)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 184 184)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 88 184)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 168 104)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 184 88)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 200 72)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 200 200)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 152 120)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 152 152)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 136 136)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 120 120)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 136 136)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 168 168)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 88 88)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 72 72)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 72 200)" }),
React.createElement("rect", { width: 14, height: 14, rx: radius, transform: "matrix(0 -1 -1 0 104 104)" }));
};
var XAlphabetIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 104, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }));
};
var WifiIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 72, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 40, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 56, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 56, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 136, width: 14, height: 14, rx: radius }));
};
var WifiZeroIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }));
};
var WifiLowIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 152, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 136, width: 14, height: 14, rx: radius }));
};
var WifiHighIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 72, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 56, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 136, width: 14, height: 14, rx: radius }));
};
var WIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 104, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }));
};
var VolumeIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 112, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 200, width: 14, height: 14, rx: radius }));
};
var VolumeXIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 112, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 192, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 208, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 176, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 192, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 208, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 200, width: 14, height: 14, rx: radius }));
};
var Volume2Icon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 112, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 200, width: 14, height: 14, rx: radius }));
};
var Volume1Icon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 112, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 32, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 200, width: 14, height: 14, rx: radius }));
};
var VibrateIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 78, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 118, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 110, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 94, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 126, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 206, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 190, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 206, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 206, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 190, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 49, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 33, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 33, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 49, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 33, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 142, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 158, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 142, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 78, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 94, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 126, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 110, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 110, y: 184, width: 14, height: 14, rx: radius }));
};
var VIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 104, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }));
};
var UserIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 64, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 80, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 80, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 192, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 176, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 64, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 176, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 192, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 176, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 192, y: 176, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 48, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 64, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 48, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 128, y: 48, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 64, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 64, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 96, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 128, y: 96, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 128, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 80, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 96, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 112, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 128, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 144, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 160, y: 192, width: 14, height: 14, rx: radius }));
};
var UnlockIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 120, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 216, y: 96, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 128, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 128, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 144, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 176, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 192, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 176, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 216, y: 80, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 48, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 48, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 48, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 112, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 160, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 216, y: 64, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 96, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 80, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 64, width: 14, height: 14, rx: radius }));
};
var UIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 104, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 72, width: 14, height: 14, rx: radius }));
};
var TwoIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 136, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 168, width: 14, height: 14, rx: radius }));
};
var TwitterIcon = function (_a) {
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.radius, radius = _c === void 0 ? 1 : _c, props = __rest(_a, ["size", "radius"]);
return React.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 256 256", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "0" }, props),
React.createElement("rect", { x: 40, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 56, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 200, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 200, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 184, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 184, y: 168, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 152, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 120, y: 136, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 104, y: 120, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 88, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 72, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 56, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 40, y: 56, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 136, y: 104, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 200, y: 40, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 40, y: 200, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 152, y: 88, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 168, y: 72, width: 14, height: 14, rx: radius }),
React.createElement("rect", { x: 1