@comfortdelgro/compass-icons
Version:
Icons for React Compass Design System
36 lines (34 loc) • 4.4 kB
JavaScript
import * as React from "react";
import { forwardRef } from "react";
const SqlGray = (props, ref)=>/*#__PURE__*/ React.createElement("svg", {
width: "1em",
height: "1em",
viewBox: "0 0 40 40",
ref: ref,
...props
}, /*#__PURE__*/ React.createElement("g", {
fill: "none"
}, /*#__PURE__*/ React.createElement("path", {
d: "M4 4C4 1.79086 5.79086 0 8 0H24L36 12V36C36 38.2091 34.2091 40 32 40H8C5.79086 40 4 38.2091 4 36V4Z",
fill: "url(#paint0_linear_10530_98435)"
}), /*#__PURE__*/ React.createElement("path", {
d: "M24 0L36 12H28C25.7909 12 24 10.2091 24 8V0Z",
fill: "#EAECF0"
}), /*#__PURE__*/ React.createElement("path", {
d: "M15.0977 27.337C15.0721 27.0792 14.9624 26.8789 14.7685 26.7362C14.5746 26.5934 14.3115 26.522 13.9791 26.522C13.7532 26.522 13.5625 26.554 13.407 26.6179C13.2515 26.6797 13.1321 26.766 13.0491 26.8768C12.9681 26.9876 12.9276 27.1133 12.9276 27.2539C12.9233 27.3711 12.9478 27.4734 13.0011 27.5607C13.0565 27.6481 13.1321 27.7237 13.228 27.7876C13.3239 27.8494 13.4347 27.9038 13.5604 27.9506C13.6861 27.9954 13.8204 28.0337 13.9631 28.0657L14.5512 28.2063C14.8367 28.2702 15.0988 28.3555 15.3374 28.462C15.576 28.5685 15.7827 28.6996 15.9574 28.8551C16.1321 29.0107 16.2674 29.1939 16.3633 29.4048C16.4613 29.6158 16.5114 29.8576 16.5135 30.1303C16.5114 30.5309 16.4091 30.8782 16.2067 31.1722C16.0064 31.4641 15.7167 31.6911 15.3374 31.853C14.9603 32.0128 14.5054 32.0927 13.9727 32.0927C13.4443 32.0927 12.9841 32.0117 12.592 31.8498C12.2021 31.6879 11.8974 31.4482 11.678 31.1307C11.4606 30.8111 11.3466 30.4158 11.336 29.945H12.6751C12.69 30.1644 12.7529 30.3477 12.8637 30.4947C12.9766 30.6396 13.1268 30.7493 13.3143 30.8239C13.504 30.8963 13.7181 30.9325 13.9567 30.9325C14.1911 30.9325 14.3946 30.8984 14.5672 30.8303C14.7419 30.7621 14.8772 30.6673 14.9731 30.5458C15.0689 30.4244 15.1169 30.2848 15.1169 30.1271C15.1169 29.9801 15.0732 29.8565 14.9858 29.7564C14.9006 29.6562 14.7749 29.571 14.6087 29.5007C14.4446 29.4304 14.2433 29.3665 14.0047 29.3089L13.2919 29.13C12.7401 28.9957 12.3044 28.7859 11.9848 28.5004C11.6652 28.2148 11.5064 27.8303 11.5086 27.3466C11.5064 26.9503 11.6119 26.604 11.825 26.3079C12.0402 26.0117 12.3353 25.7805 12.7103 25.6143C13.0853 25.4482 13.5114 25.3651 13.9887 25.3651C14.4745 25.3651 14.8985 25.4482 15.2607 25.6143C15.625 25.7805 15.9084 26.0117 16.1108 26.3079C16.3133 26.604 16.4177 26.9471 16.424 27.337H15.0977ZM19.9149 29.7244H21.091L21.6823 30.4851L22.264 31.1626L23.3602 32.5369H22.069L21.3148 31.6101L20.928 31.0604L19.9149 29.7244ZM23.4593 28.7273C23.4593 29.4411 23.324 30.0483 23.0534 30.549C22.7849 31.0497 22.4185 31.4322 21.954 31.6964C21.4916 31.9585 20.9717 32.0895 20.3943 32.0895C19.8126 32.0895 19.2906 31.9574 18.8283 31.6932C18.3659 31.429 18.0005 31.0465 17.732 30.5458C17.4636 30.0451 17.3293 29.4389 17.3293 28.7273C17.3293 28.0135 17.4636 27.4062 17.732 26.9055C18.0005 26.4048 18.3659 26.0234 18.8283 25.7614C19.2906 25.4972 19.8126 25.3651 20.3943 25.3651C20.9717 25.3651 21.4916 25.4972 21.954 25.7614C22.4185 26.0234 22.7849 26.4048 23.0534 26.9055C23.324 27.4062 23.4593 28.0135 23.4593 28.7273ZM22.0562 28.7273C22.0562 28.2649 21.987 27.875 21.8485 27.5575C21.7121 27.2401 21.5193 26.9993 21.27 26.8352C21.0207 26.6712 20.7288 26.5891 20.3943 26.5891C20.0598 26.5891 19.7679 26.6712 19.5186 26.8352C19.2693 26.9993 19.0754 27.2401 18.9369 27.5575C18.8006 27.875 18.7324 28.2649 18.7324 28.7273C18.7324 29.1896 18.8006 29.5795 18.9369 29.897C19.0754 30.2145 19.2693 30.4553 19.5186 30.6193C19.7679 30.7834 20.0598 30.8654 20.3943 30.8654C20.7288 30.8654 21.0207 30.7834 21.27 30.6193C21.5193 30.4553 21.7121 30.2145 21.8485 29.897C21.987 29.5795 22.0562 29.1896 22.0562 28.7273ZM24.4844 32V25.4545H25.8683V30.859H28.6744V32H24.4844Z",
fill: "#424D57"
}), /*#__PURE__*/ React.createElement("defs", null, /*#__PURE__*/ React.createElement("linearGradient", {
id: "paint0_linear_10530_98435",
x1: 20,
y1: 0,
x2: 20,
y2: 40,
gradientUnits: "userSpaceOnUse"
}, /*#__PURE__*/ React.createElement("stop", {
stopColor: "#F9FAFB"
}), /*#__PURE__*/ React.createElement("stop", {
offset: 1,
stopColor: "#EDF0F3"
})))));
const ForwardRef = /*#__PURE__*/ forwardRef(SqlGray);
export default ForwardRef;