adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
125 lines (124 loc) • 3.8 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgMediaSkipForwardSymbolic = (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.002 16",
...props
}, /* @__PURE__ */ React.createElement("g", {
color: "#000",
fill: "#474747"
}, /* @__PURE__ */ React.createElement("path", {
d: "M8.04 4A1 1 0 007 5v6a1 1 0 001.514.857l5-3a1 1 0 000-1.714l-5-3A1 1 0 008.04 4zM9 6.768L11.055 8 9 9.232z",
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"
},
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M14.002 3.998l-.002 1-.013 6-.004 1 2 .004.004-1 .013-6 .002-1z",
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"
},
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M8 11H7v1h1zm0-7H7v1h1z",
style: {
marker: "none"
},
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M1.04 4A1 1 0 000 5v6a1 1 0 001.514.857l5-3a1 1 0 000-1.714l-5-3A1 1 0 001.04 4zM2 6.768L4.055 8 2 9.232z",
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"
},
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M1 11H0v1h1zm0-7H0v1h1zm7 1l5 3-5 3zM1 5l5 3-5 3z",
style: {
marker: "none"
},
overflow: "visible"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgMediaSkipForwardSymbolic);
var media_skip_forward_symbolic_default = Memo;
export {
media_skip_forward_symbolic_default as default
};