adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
217 lines (216 loc) • 7.04 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgDashSymbolic = (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": "dash-symbolic.svg",
"inkscape:export-filename": "/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png",
"inkscape:export-xdpi": 90,
"inkscape:export-ydpi": 90,
height: 14,
id: "svg7384",
"inkscape:version": "0.91 r13725",
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": 6.8118913,
"inkscape:cy": 7.9276321,
gridtolerance: 10,
"inkscape:guide-bbox": "true",
guidetolerance: 10,
id: "namedview88",
"inkscape:object-nodes": "true",
"inkscape:object-paths": "false",
objecttolerance: 10,
pagecolor: "#3a3b39",
"inkscape:pageopacity": 1,
"inkscape:pageshadow": 2,
showborder: "true",
showgrid: "false",
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": 1016,
"inkscape:window-maximized": 1,
"inkscape:window-width": 1920,
"inkscape:window-x": 0,
"inkscape:window-y": 27,
"inkscape:zoom": 25.058754,
"inkscape:showpageshadow": "false"
}, /* @__PURE__ */ React.createElement("inkscape:grid", {
dotted: "false",
empspacing: 2,
enabled: "true",
id: "grid4866",
originx: -159.99995,
originy: 140,
snapvisiblegridlinesonly: "true",
spacingx: "1px",
spacingy: "1px",
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"
},
transform: "translate(-401.00015,-359)"
}, /* @__PURE__ */ React.createElement("path", {
style: {
color: "#000000",
clipRule: "nonzero",
display: "inline",
overflow: "visible",
visibility: "visible",
opacity: 1,
isolation: "auto",
mixBlendMode: "normal",
colorInterpolation: "sRGB",
colorInterpolationFilters: "linearRGB",
solidColor: "#000000",
solidOpacity: 1,
fill: "#bebebe",
fillOpacity: 1,
fillRule: "nonzero",
stroke: "none",
strokeWidth: 4,
strokeLinecap: "round",
strokeLinejoin: "miter",
strokeMiterlimit: 4,
strokeDasharray: "none",
strokeDashoffset: 0,
strokeOpacity: 1,
marker: "none",
colorRendering: "auto",
imageRendering: "auto",
shapeRendering: "auto",
textRendering: "auto",
enableBackground: "accumulate"
},
d: "m 405.00021,364 5.99999,0 c 1.108,0 2,0.892 2,2 0,1.108 -0.892,2 -2,2 l -5.99999,0 c -1.108,0 -2,-0.892 -2,-2 0,-1.108 0.892,-2 2,-2 z",
id: "rect3346"
})), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer10",
"inkscape:label": "devices",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer11",
"inkscape:label": "apps",
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer13",
"inkscape:label": "places",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer14",
"inkscape:label": "mimetypes",
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer15",
"inkscape:label": "emblems",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "g71291",
"inkscape:label": "emotes",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "g4953",
"inkscape:label": "categories",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
}), /* @__PURE__ */ React.createElement("g", {
"inkscape:groupmode": "layer",
id: "layer12",
"inkscape:label": "actions",
style: {
display: "inline"
},
transform: "translate(-401.00015,-359)"
})));
return render(rest, ...restArgs);
};
const Memo = memo(SvgDashSymbolic);
var dash_symbolic_default = Memo;
export {
dash_symbolic_default as default
};