adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
275 lines (274 loc) • 8.54 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgBatteryLevel90ChargingSymbolic = (passedProps, ...restArgs) => {
const {
colored,
containerProps = {},
...rest
} = passedProps;
if (colored && typeof colored === "string") {
if (!containerProps.style) {
containerProps.style = {};
}
Object.assign(containerProps.style, {
"--custom-icon-color": colored
});
}
const render = (props) => /* @__PURE__ */ React.createElement("span", {
...containerProps,
className: cx("Icon", containerProps.className, {
colored
})
}, /* @__PURE__ */ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
style: {
enableBackground: "new"
},
id: "svg7384",
viewBox: "0 0 16 16.000036",
...props
}, /* @__PURE__ */ React.createElement("title", {
id: "title8473"
}, "Gnome Symbolic Icons"), /* @__PURE__ */ React.createElement("defs", {
id: "defs7386"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-91.999995)",
id: "layer10"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer1"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-91.999995)",
id: "layer11"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer7"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer6"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer5"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer9"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer2"
}, /* @__PURE__ */ React.createElement("path", {
className: "success",
d: "m 57,32.999995 v 3 3 2 h 3 v -2 l 3,-3 v -3 z",
id: "rect6060-6",
style: {
fill: "#33d17a",
fillOpacity: 1,
stroke: "none"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "path12867-5",
d: "m 57.46875,28.011719 c -0.490327,0 -0.796069,0.214784 -1.03125,0.455078 C 56.202319,28.707091 56,29.023351 56,29.496094 V 30 h -2 v 14 h 8 V 42 H 56 V 32 h 2 v -1.988281 h 4 V 32 h 2 v 3 h 2 v -5 h -2 v -0.394531 l -0.002,-0.02734 C 63.974117,29.147522 63.81805,28.843418 63.582031,28.564453 63.346013,28.285489 62.96153,27.979557 62.382812,28.011719 Z",
style: {
color: "#bebebe",
fontStyle: "normal",
fontVariant: "normal",
fontWeight: "normal",
fontStretch: "normal",
fontSize: "medium",
lineHeight: "normal",
fontFamily: "sans-serif",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecoration: "none",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000000",
letterSpacing: "normal",
wordSpacing: "normal",
textTransform: "none",
writingMode: "lr-tb",
direction: "ltr",
textOrientation: "mixed",
dominantBaseline: "auto",
baselineShift: "baseline",
textAnchor: "start",
whiteSpace: "normal",
shapePadding: 0,
clipRule: "nonzero",
display: "inline",
overflow: "visible",
visibility: "visible",
opacity: 1,
isolation: "auto",
mixBlendMode: "normal",
colorInterpolation: "sRGB",
colorInterpolationFilters: "linearRGB",
solidColor: "#000000",
solidOpacity: 1,
vectorEffect: "none",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
strokeLinecap: "butt",
strokeLinejoin: "miter",
strokeMiterlimit: 4,
strokeDasharray: "none",
strokeDashoffset: 0,
strokeOpacity: 1,
marker: "none",
colorRendering: "auto",
imageRendering: "auto",
shapeRendering: "auto",
textRendering: "auto",
enableBackground: "accumulate"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "path12871-5",
d: "m 64.957031,36.001953 a 1.0001,1.0001 0 0 0 -0.664062,0.291016 l -3,3 A 1.0001,1.0001 0 0 0 62,41 h 1 1.103516 l -0.958985,1.404297 a 1.0001,1.0001 0 0 0 1.523438,1.279297 l 3.03125,-2.96875 A 1.0001,1.0001 0 0 0 67,39 h -1 -1.130859 l 0.96289,-1.445312 a 1.0001,1.0001 0 0 0 -0.875,-1.552735 z",
style: {
color: "#bebebe",
fontStyle: "normal",
fontVariant: "normal",
fontWeight: "normal",
fontStretch: "normal",
fontSize: "medium",
lineHeight: "normal",
fontFamily: "sans-serif",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecoration: "none",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000000",
letterSpacing: "normal",
wordSpacing: "normal",
textTransform: "none",
writingMode: "lr-tb",
direction: "ltr",
textOrientation: "mixed",
dominantBaseline: "auto",
baselineShift: "baseline",
textAnchor: "start",
whiteSpace: "normal",
shapePadding: 0,
clipRule: "nonzero",
display: "inline",
overflow: "visible",
visibility: "visible",
opacity: 1,
isolation: "auto",
mixBlendMode: "normal",
colorInterpolation: "sRGB",
colorInterpolationFilters: "linearRGB",
solidColor: "#000000",
solidOpacity: 1,
vectorEffect: "none",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: 4,
strokeDasharray: "none",
strokeDashoffset: 0,
strokeOpacity: 1,
marker: "none",
colorRendering: "auto",
imageRendering: "auto",
shapeRendering: "auto",
textRendering: "auto",
enableBackground: "accumulate"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "rect12873-6",
d: "m 67,38.999996 h 1 v 1 h -1 z",
style: {
color: "#bebebe",
display: "inline",
overflow: "visible",
visibility: "visible",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
marker: "none"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "rect12875-2",
d: "m 61,39.999996 h 1 v 1 h -1 z",
style: {
color: "#bebebe",
display: "inline",
overflow: "visible",
visibility: "visible",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
marker: "none"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "rect12877-9",
d: "m 65,35.999996 h 1 v 1 h -1 z",
style: {
color: "#bebebe",
display: "inline",
overflow: "visible",
visibility: "visible",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
marker: "none"
}
}), /* @__PURE__ */ React.createElement("path", {
id: "rect12879-1",
d: "m 62.968994,42.968494 h 1 v 1 h -1 z",
style: {
color: "#bebebe",
display: "inline",
overflow: "visible",
visibility: "visible",
fill: "#2e3436",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 2,
marker: "none"
}
})), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer8"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer3"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-52,-27.999995)",
id: "layer4"
})));
return render(rest, ...restArgs);
};
const Memo = memo(SvgBatteryLevel90ChargingSymbolic);
var battery_level_90_charging_symbolic_default = Memo;
export {
battery_level_90_charging_symbolic_default as default
};