adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
250 lines (249 loc) • 8.04 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgCheckSymbolic = (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:osb": "http://www.openswatchbook.org/uri/2009/osb",
"xmlns:dc": "http://purl.org/dc/elements/1.1/",
"xmlns:cc": "http://creativecommons.org/ns#",
"xmlns:rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
"xmlns:svg": "http://www.w3.org/2000/svg",
xmlns: "http://www.w3.org/2000/svg",
"xmlns:sodipodi": "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
"xmlns:inkscape": "http://www.inkscape.org/namespaces/inkscape",
"sodipodi:docname": "check-symbolic.svg",
"inkscape:export-filename": "/home/jimmac/Projects/gtk/gtk/theme/Adwaita/assets/check@2-symbolic.symbolic.png",
"inkscape:export-xdpi": 192,
"inkscape:export-ydpi": 192,
height: 14,
id: "svg7384",
"inkscape:version": "0.92.5 (2060ec1f9f, 2020-04-08)",
width: 14,
...props
}, /* @__PURE__ */ React.createElement("metadata", {
id: "metadata90"
}, /* @__PURE__ */ React.createElement("rdf:RDF", null, /* @__PURE__ */ React.createElement("cc:Work", {
"rdf:about": ""
}, /* @__PURE__ */ React.createElement("dc:format", null, "image/svg+xml"), /* @__PURE__ */ React.createElement("dc:type", {
"rdf:resource": "http://purl.org/dc/dcmitype/StillImage"
}), /* @__PURE__ */ React.createElement("dc:title", null, "Gnome Symbolic Icon Theme")))), /* @__PURE__ */ React.createElement("sodipodi:namedview", {
"inkscape:bbox-nodes": "true",
"inkscape:bbox-paths": "true",
bordercolor: "#666666",
borderopacity: 1,
"inkscape:current-layer": "layer9",
"inkscape:cx": -33.869991,
"inkscape:cy": -23.596341,
gridtolerance: 10,
"inkscape:guide-bbox": "true",
guidetolerance: 10,
id: "namedview88",
"inkscape:object-nodes": "true",
"inkscape:object-paths": "false",
objecttolerance: 10,
pagecolor: "#3a3b39",
"inkscape:pageopacity": 0,
"inkscape:pageshadow": 2,
showborder: "true",
showgrid: "true",
showguides: "true",
"inkscape:snap-bbox": "true",
"inkscape:snap-bbox-midpoints": "false",
"inkscape:snap-global": "true",
"inkscape:snap-grids": "true",
"inkscape:snap-nodes": "false",
"inkscape:snap-others": "false",
"inkscape:snap-to-guides": "true",
"inkscape:window-height": 1376,
"inkscape:window-maximized": 1,
"inkscape:window-width": 5120,
"inkscape:window-x": 0,
"inkscape:window-y": 27,
"inkscape:zoom": 11.313708,
"inkscape:showpageshadow": "false"
}, /* @__PURE__ */ React.createElement("inkscape:grid", {
dotted: "false",
empspacing: 2,
enabled: "true",
id: "grid4866",
originx: -159.99995,
originy: 120,
snapvisiblegridlinesonly: "true",
spacingx: 1,
spacingy: 1,
type: "xygrid",
visible: "true"
})), /* @__PURE__ */ React.createElement("title", {
id: "title9167"
}, "Gnome Symbolic Icon Theme"), /* @__PURE__ */ React.createElement("defs", {
id: "defs7386"
}, /* @__PURE__ */ React.createElement("linearGradient", {
gradientTransform: "matrix(-2.7365795,0.28202934,-0.18908311,-0.99988321,239.54008,-879.45557)",
id: "linearGradient19282",
"osb:paint": "solid"
}, /* @__PURE__ */ React.createElement("stop", {
id: "stop19284",
offset: 0,
style: {
stopColor: "#666666",
stopOpacity: 1
}
}))), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer9",
"inkscape:label": "status",
style: {
display: "inline",
opacity: 1
},
transform: "translate(-401.00015,-339)"
}, /* @__PURE__ */ React.createElement("path", {
style: {
color: "#000000",
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: "#bebebe",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 3,
strokeLinecap: "butt",
strokeLinejoin: "miter",
strokeMiterlimit: 4,
strokeDasharray: "none",
strokeDashoffset: 0,
strokeOpacity: 1,
marker: "none",
colorRendering: "auto",
imageRendering: "auto",
shapeRendering: "auto",
textRendering: "auto",
enableBackground: "accumulate"
},
d: "m 413.00204,341.50586 -5.80273,5.01562 -2.59375,-2.56054 -2.10742,2.13476 4.5664,4.50977 7.89844,-6.83008 z",
id: "path3304",
"inkscape:connector-curvature": 0
})), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer10",
"inkscape:label": "devices",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer11",
"inkscape:label": "apps",
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer13",
"inkscape:label": "places",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer14",
"inkscape:label": "mimetypes",
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer15",
"inkscape:label": "emblems",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "g71291",
"inkscape:label": "emotes",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "g4953",
"inkscape:label": "categories",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer12",
"inkscape:label": "actions",
style: {
display: "inline"
},
transform: "translate(-401.00015,-339)"
})));
return render(rest, ...restArgs);
};
const Memo = memo(SvgCheckSymbolic);
var check_symbolic_default = Memo;
export {
check_symbolic_default as default
};