@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
34 lines (33 loc) • 1.55 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "home";
const HomeIcon = ({ color, size = 24, contained = false, className })=>{
const computedClassName = classnames(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
[`c-fill-${camelize(color || "")}`]: color,
"cobalt-Icon--size16": 16 === size,
"cobalt-Icon--size20": 20 === size,
"cobalt-Icon--size32": 32 === size,
"cobalt-Icon--contained": contained
});
return /*#__PURE__*/ jsx("span", {
className: computedClassName,
children: /*#__PURE__*/ jsxs("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
children: [
/*#__PURE__*/ jsx("title", {
children: iconSource
}),
/*#__PURE__*/ jsx("path", {
fillRule: "evenodd",
d: "M22.28 11.47C21.724 12.026 20.84 12.053 20.25 11.552V21C20.25 21.828 19.578 22.5 18.75 22.5H5.25C4.422 22.5 3.75 21.828 3.75 21V11.552C3.16 12.053 2.276 12.026 1.72 11.47L12 1.19zM5.25 10.06V21H8.25V15.75C8.25 14.922 8.922 14.25 9.75 14.25H14.25C15.078 14.25 15.75 14.922 15.75 15.75V21H18.75V10.06L12 3.31zM9.75 21H14.25V15.75H9.75z",
clipRule: "evenodd"
})
]
})
});
};
const _generated_HomeIcon = HomeIcon;
export default _generated_HomeIcon;
//# sourceMappingURL=HomeIcon.js.map