@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
37 lines (36 loc) • 1.94 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "shieldCheck";
const ShieldCheckIcon = ({ 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", {
d: "M15.97 8.47C16.555 9.055 16.555 10.005 15.97 10.59L10.875 15.686 7.72 12.53 8.78 11.47 10.875 13.565z"
}),
/*#__PURE__*/ jsx("path", {
fillRule: "evenodd",
d: "M12 1.5S16.5 4.5 21 6C21 21 12 22.5 12 22.5 11.997 22.5 3 20.998 3 6 8.249 4.5 11.999 1.501 12 1.5M12.058 3.313C11.605 3.627 10.987 4.035 10.229 4.48 8.787 5.328 6.821 6.33 4.518 7.1 4.724 13.563 6.742 16.996 8.56 18.814 9.536 19.79 10.5 20.35 11.203 20.662 11.54 20.81 11.814 20.9 12 20.956 12.186 20.902 12.461 20.81 12.797 20.661 13.499 20.349 14.464 19.79 15.44 18.814 17.262 16.992 19.285 13.546 19.482 7.05 17.476 6.29 15.555 5.316 14.084 4.5 13.257 4.039 12.56 3.623 12.058 3.313",
clipRule: "evenodd"
})
]
})
});
};
const _generated_ShieldCheckIcon = ShieldCheckIcon;
export default _generated_ShieldCheckIcon;
//# sourceMappingURL=ShieldCheckIcon.js.map