import { jsx } from "react/jsx-runtime";
const StChevronDown = ({ width = 24, height = 24, color, style, ...otherProps }) => /* @__PURE__ */ jsx("svg", { id: "icon_StChevronDown", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width, height, style: {
  ...color && {
    "--stroke-color": color,
    "--stroke-fg-color": color
  },
  ...style
}, ...otherProps, children: /* @__PURE__ */ jsx("path", { vectorEffect: "non-scaling-stroke", d: "M18 9L12 15L6 9", stroke: "var(--stroke-color, currentColor)", strokeWidth: "var(--stroke-width, 1.5)", strokeLinejoin: "round" }) });
StChevronDown.displayName = "StChevronDown";
export {
  StChevronDown as S
};
