@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
39 lines (38 loc) • 1.86 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "gps";
const GpsIcon = ({ 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: "M16.302 6.502C17.04 6.233 17.767 6.959 17.499 7.698L17.469 7.773 12.613 18.456C12.236 19.284 11.019 19.144 10.84 18.252L9.992 14.008 5.748 13.16C4.856 12.981 4.716 11.764 5.544 11.387L16.227 6.532zM7.752 12.03 10.653 12.61 10.79 12.65C11.05 12.744 11.257 12.95 11.35 13.212L11.388 13.347 11.97 16.248 15.483 8.518z",
clipRule: "evenodd"
}),
/*#__PURE__*/ jsx("path", {
fillRule: "evenodd",
d: "M12 1.5C17.799 1.5 22.5 6.201 22.5 12S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5M12 3C7.03 3 3 7.03 3 12S7.03 21 12 21 21 16.97 21 12 16.97 3 12 3",
clipRule: "evenodd"
})
]
})
});
};
const _generated_GpsIcon = GpsIcon;
export default _generated_GpsIcon;
//# sourceMappingURL=GpsIcon.js.map