@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
38 lines (37 loc) • 3.82 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "snowTireFilled";
const SnowTireFilledIcon = ({ 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: "M18.179 12.75Q18.256 12.75 18.33 12.765C18.574 12.815 18.775 12.984 18.87 13.208Q18.899 13.276 18.914 13.349 18.92 13.386 18.924 13.423 18.93 13.461 18.93 13.5V16.737L19.22 16.568H19.22L21.733 15.119C22.09 14.913 22.55 15.036 22.758 15.394S22.842 16.21 22.484 16.417L19.678 18.036 22.485 19.656C22.842 19.861 22.964 20.32 22.758 20.68 22.55 21.038 22.092 21.162 21.733 20.955L18.928 19.335V22.573C18.929 22.987 18.594 23.323 18.179 23.323 17.766 23.323 17.429 22.987 17.429 22.573V19.335L14.625 20.955C14.266 21.16 13.807 21.038 13.6 20.68 13.408 20.346 13.5 19.926 13.804 19.702H13.803Q13.836 19.676 13.874 19.654L16.678 18.035 13.874 16.419C13.516 16.211 13.393 15.752 13.599 15.393 13.742 15.147 14.003 15.012 14.27 15.018 14.39 15.021 14.512 15.054 14.625 15.118L17.428 16.739V13.5C17.429 13.086 17.766 12.75 18.179 12.75"
}),
/*#__PURE__*/ jsx("path", {
d: "M12.135 1.694C12.685 1.751 13.135 2.15 13.269 2.674Q13.531 2.733 13.789 2.811C14.197 2.394 14.85 2.288 15.38 2.594L16.68 3.344 16.793 3.417C17.243 3.742 17.433 4.312 17.286 4.835Q17.48 5.018 17.664 5.213C18.228 5.053 18.85 5.288 19.156 5.819L19.906 7.118 19.968 7.238C20.195 7.743 20.074 8.33 19.688 8.71Q19.763 8.967 19.825 9.23C20.392 9.375 20.812 9.888 20.812 10.5V12C20.812 12.393 20.64 12.743 20.366 12.982 20.132 11.99 19.242 11.251 18.18 11.25 16.936 11.25 15.929 12.258 15.929 13.5V14.139L15.374 13.819Q15.214 13.73 15.045 13.665C15.49 12.969 15.75 12.14 15.75 11.25 15.75 8.765 13.735 6.75 11.25 6.75 8.764 6.75 6.75 8.765 6.75 11.25S8.764 15.75 11.25 15.75Q11.635 15.749 12 15.685C11.972 16.492 12.377 17.287 13.124 17.718L13.678 18.037 13.125 18.356C12.248 18.862 11.84 19.871 12.056 20.81L12.001 20.813H10.5C9.888 20.813 9.375 20.393 9.23 19.827Q8.966 19.765 8.709 19.687C8.33 20.075 7.743 20.195 7.238 19.968L7.118 19.906 5.817 19.156C5.289 18.849 5.054 18.229 5.213 17.665Q5.017 17.48 4.834 17.287C4.31 17.433 3.74 17.243 3.417 16.793L3.343 16.68 2.593 15.382C2.287 14.852 2.393 14.198 2.811 13.789Q2.733 13.533 2.672 13.27C2.107 13.124 1.687 12.612 1.687 12.001V10.5C1.687 9.888 2.107 9.375 2.672 9.23Q2.733 8.967 2.811 8.71C2.394 8.3 2.288 7.648 2.593 7.118L3.343 5.82 3.417 5.706C3.74 5.256 4.312 5.066 4.834 5.213Q5.017 5.018 5.212 4.834C5.054 4.27 5.288 3.65 5.82 3.344L7.119 2.594C7.647 2.288 8.3 2.394 8.708 2.812Q8.968 2.734 9.23 2.673C9.376 2.107 9.889 1.688 10.5 1.688H12.002z"
}),
/*#__PURE__*/ jsx("path", {
d: "M11.25 8.25C12.907 8.25 14.25 9.593 14.25 11.25S12.907 14.25 11.25 14.25 8.25 12.907 8.25 11.25 9.593 8.25 11.25 8.25"
})
]
})
});
};
const _generated_SnowTireFilledIcon = SnowTireFilledIcon;
export default _generated_SnowTireFilledIcon;
//# sourceMappingURL=SnowTireFilledIcon.js.map