adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
277 lines (276 loc) • 8.56 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgBatteryLevel70ChargingSymbolic = (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(-92,-91.999995)",
id: "layer10"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer1"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-91.999995)",
id: "layer11"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer7"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer6"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer5"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer9"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer2"
}, /* @__PURE__ */ React.createElement("path", {
id: "path3836",
d: "m 97.46875,28.011719 c -0.490327,0 -0.796069,0.214784 -1.03125,0.455078 C 96.202319,28.707091 96,29.023351 96,29.496094 V 30 h -2 v 14 h 8 V 42 H 96 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 -0.0239,-0.430603 -0.18,-0.734707 -0.41602,-1.013672 -0.23602,-0.278964 -0.6205,-0.584896 -1.19922,-0.552734 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: "path3841",
d: "m 104.95703,36.001953 a 1.0001,1.0001 0 0 0 -0.66406,0.291016 l -3,3 A 1.0001,1.0001 0 0 0 102,41 h 1 1.10352 l -0.95899,1.404297 a 1.0001,1.0001 0 0 0 1.52344,1.279297 l 3.03125,-2.96875 A 1.0001,1.0001 0 0 0 107,39 h -1 -1.13086 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: "rect3843",
d: "m 107,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: "rect3846",
d: "m 101,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: "rect3848",
d: "m 105,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: "rect3850",
d: "m 102.96899,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("path", {
className: "success",
d: "m 97,34.999995 v 1 3 2 h 3 v -2 l 3,-3 v -1 z",
id: "path3832",
style: {
fill: "#33d17a",
fillOpacity: 1,
stroke: "none",
strokeWidth: 1,
enableBackground: "new"
}
})), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer8"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer3"
}), /* @__PURE__ */ React.createElement("g", {
transform: "translate(-92,-27.999995)",
id: "layer4"
})));
return render(rest, ...restArgs);
};
const Memo = memo(SvgBatteryLevel70ChargingSymbolic);
var battery_level_70_charging_symbolic_default = Memo;
export {
battery_level_70_charging_symbolic_default as default
};