adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
77 lines (76 loc) • 2.69 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgFontSelectSymbolic = (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", {
fontWeight: 400,
fill: "#474747"
}, /* @__PURE__ */ React.createElement("path", {
d: "M0 5v1c0 .257.13.528.313.719L1.593 8 .314 9.281C.13 9.471 0 9.743 0 10v1h1c.31 0 .552-.09.75-.281L4.406 8 1.75 5.281C1.552 5.091 1.31 5 1 5zm16 0v1c0 .257-.13.528-.312.719L14.406 8l1.282 1.281c.182.19.312.462.312.719v1h-1c-.31 0-.552-.09-.75-.281L11.594 8l2.656-2.719c.198-.19.44-.281.75-.281z",
style: {
lineHeight: "normal",
InkscapeFontSpecification: "'Bitstream Vera Sans'",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textTransform: "none",
marker: "none"
},
color: "#bebebe",
fontFamily: "Bitstream Vera Sans",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M7 3.012v2h1.92c-.055 0 .084.159.084.082v.924H8c-1.716 0-3.03 1.125-3.054 2.484-.013.68.305 1.363.86 1.822.556.46 1.316.7 2.194.7h3.004v-5.93c0-1.171-.887-2.082-2.084-2.082zm1 5.006h1.004v1.005H8c-.52 0-.794-.137-.92-.242-.126-.104-.136-.172-.134-.244.003-.144.084-.52 1.054-.52z",
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",
fontFamily: "sans-serif",
overflow: "visible"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgFontSelectSymbolic);
var font_select_symbolic_default = Memo;
export {
font_select_symbolic_default as default
};