@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
4 lines (3 loc) • 886 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const SvgCheckbox = (props) => (_jsxs("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { className: "ams-checkbox__rectangle", fill: "none", height: "22", stroke: "black", strokeWidth: "2", width: "22", x: "1", y: "1" }), _jsx("rect", { className: "ams-checkbox__hover-indicator", fill: "none", height: "20", stroke: "black", strokeWidth: "1", width: "20", x: "2", y: "2" }), _jsx("path", { className: "ams-checkbox__checked-indicator", d: "M3.251 13.017L8.554 18.761L20.749 5.239", fill: "none", stroke: "black", strokeWidth: "3" }), _jsx("line", { className: "ams-checkbox__indeterminate-indicator", fill: "none", stroke: "black", strokeWidth: "3", x1: "4", x2: "20", y1: "12", y2: "12" })] }));
export default SvgCheckbox;