adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
84 lines (83 loc) • 3.11 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgDaytimeSunriseSymbolic = (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",
viewBox: "0 0 16 16",
...props
}, /* @__PURE__ */ React.createElement("g", {
fill: "#2e3436"
}, /* @__PURE__ */ React.createElement("path", {
d: "M.5 13h2c.277 0 .5.223.5.5v1c0 .277-.223.5-.5.5h-2a.499.499 0 01-.5-.5v-1c0-.277.223-.5.5-.5zm13 0h2c.277 0 .5.223.5.5v1c0 .277-.223.5-.5.5h-2a.499.499 0 01-.5-.5v-1c0-.277.223-.5.5-.5zm-2.318-3.596l1.414-1.415a.499.499 0 01.707 0l.707.708a.499.499 0 010 .707l-1.414 1.414a.499.499 0 01-.707 0l-.707-.707a.499.499 0 010-.707zM9 8.5v-4c0-.277-.223-.5-.5-.5h-1c-.277 0-.5.223-.5.5v4c0 .277.223.5.5.5h1c.277 0 .5-.223.5-.5zm-5.596 2.318L1.989 9.404a.499.499 0 010-.707l.708-.707a.499.499 0 01.707 0l1.414 1.414a.499.499 0 010 .707l-.707.707a.499.499 0 01-.707 0z",
style: {
marker: "none"
},
color: "#bebebe",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M8 10c-2.197 0-4 1.803-4 4a1 1 0 001 1h6a1 1 0 001-1c0-2.197-1.803-4-4-4zm0 2c.723 0 1.239.436 1.59 1H6.41c.351-.564.867-1 1.59-1zM8 1.586L5.293 4.293l1.414 1.414L8 4.414l1.293 1.293 1.414-1.414z",
style: {
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
shapePadding: 0,
isolation: "auto",
mixBlendMode: "normal",
marker: "none"
},
color: "#000",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M10 5v1h1V5zM5 5v1h1V5z",
style: {
marker: "none"
},
color: "#000",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M5 5c0 .554.446 1 1 1s1-.446 1-1-.446-1-1-1-1 .446-1 1zm4 0c0 .554.446 1 1 1s1-.446 1-1-.446-1-1-1-1 .446-1 1zm-4 9a3 3 0 013-3 3 3 0 013 3H8z",
style: {
marker: "none"
},
color: "#000",
overflow: "visible"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgDaytimeSunriseSymbolic);
var daytime_sunrise_symbolic_default = Memo;
export {
daytime_sunrise_symbolic_default as default
};