UNPKG

iconsax-react

Version:

Iconsax icon pack for React

iconsax-react.pages.dev

rendinjast/iconsax-react

212 lines (194 loc) • 11.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers-3bc641ae.js'; import React, { forwardRef } from 'react'; import PropTypes from 'prop-types'; var _excluded = ["variant", "color", "size"]; var Bold = function Bold(_ref) { var color = _ref.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { fill: color, d: "M14.54 1.879c-1.23 0-2.23 1-2.23 2.23v4.64c0 1.23 1 2.23 2.23 2.23s2.23-1 2.23-2.23v-4.64c0-1.22-1-2.23-2.23-2.23zM20.18 7.11c-1.07 0-1.94.87-1.94 1.94v1.57c0 .21.17.38.38.38h1.57c1.07 0 1.94-.87 1.94-1.94 0-1.07-.88-1.95-1.95-1.95zM8.5 6.988H3.86c-1.23 0-2.23 1-2.23 2.23s1 2.23 2.23 2.23H8.5c1.23 0 2.23-1 2.23-2.23s-1-2.23-2.23-2.23zM8.79 1.621c-1.07 0-1.94.87-1.94 1.94 0 1.07.87 1.94 1.94 1.94h1.57c.21 0 .38-.17.38-.38v-1.57a1.962 1.962 0 00-1.95-1.93zM9.43 13.031c-1.23 0-2.23 1-2.23 2.23v4.64c0 1.23 1 2.23 2.23 2.23s2.23-1 2.23-2.23v-4.64c0-1.23-1-2.23-2.23-2.23zM5.36 13.031H3.79c-1.07 0-1.94.87-1.94 1.94 0 1.07.87 1.94 1.94 1.94 1.07 0 1.94-.87 1.94-1.94v-1.57c0-.2-.17-.37-.37-.37zM20.11 12.57h-4.64c-1.23 0-2.23 1-2.23 2.23s1 2.23 2.23 2.23h4.64c1.23 0 2.23-1 2.23-2.23s-1-2.23-2.23-2.23zM15.18 18.469h-1.57a.38.38 0 00-.38.38v1.57c0 1.07.87 1.94 1.94 1.94 1.07 0 1.94-.87 1.94-1.94a1.93 1.93 0 00-1.93-1.95z" })); }; var Broken = function Broken(_ref2) { var color = _ref2.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { d: "M14.54 2.262c-1.03 0-1.86.83-1.86 1.86v4.64c0 1.03.83 1.86 1.86 1.86 1.03 0 1.86-.83 1.86-1.86v-4.64c0-1.03-.83-1.86-1.86-1.86ZM18.62 10.62h1.57c.87 0 1.57-.7 1.57-1.57 0-.87-.7-1.57-1.57-1.57-.87 0-1.57.7-1.57 1.57v1.57ZM3.86 7.371c-1.03 0-1.86.83-1.86 1.86 0 1.03.83 1.86 1.86 1.86H8.5c1.03 0 1.86-.83 1.86-1.86 0-1.03-.83-1.86-1.86-1.86h-.75M10.36 5.128v-1.57c0-.87-.7-1.57-1.57-1.57-.87 0-1.57.7-1.57 1.57 0 .87.7 1.57 1.57 1.57h1.57ZM9.43 21.77c1.03 0 1.86-.83 1.86-1.86v-4.64c0-1.03-.83-1.86-1.86-1.86-1.03 0-1.86.83-1.86 1.86v4.64c0 1.02.83 1.86 1.86 1.86ZM5.36 13.41H3.79c-.87 0-1.57.7-1.57 1.57 0 .87.7 1.57 1.57 1.57.87 0 1.57-.7 1.57-1.57v-1.57ZM21.97 14.801c0-1.03-.83-1.86-1.86-1.86h-4.64c-1.03 0-1.86.83-1.86 1.86 0 1.03.83 1.86 1.86 1.86h4.64c1.03 0 1.86-.83 1.86-1.86ZM13.61 18.84v1.57c0 .87.7 1.57 1.57 1.57.87 0 1.57-.7 1.57-1.57 0-.87-.7-1.57-1.57-1.57h-1.57Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })); }; var Bulk = function Bulk(_ref3) { var color = _ref3.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { d: "M14.54 1.879c-1.23 0-2.23 1-2.23 2.23v4.64c0 1.23 1 2.23 2.23 2.23s2.23-1 2.23-2.23v-4.64c0-1.22-1-2.23-2.23-2.23Z", fill: color }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M20.18 7.11c-1.07 0-1.94.87-1.94 1.94v1.57c0 .21.17.38.38.38h1.57c1.07 0 1.94-.87 1.94-1.94 0-1.07-.88-1.95-1.95-1.95Z", fill: color }), /*#__PURE__*/React.createElement("path", { d: "M8.5 6.988H3.86c-1.23 0-2.23 1-2.23 2.23s1 2.23 2.23 2.23H8.5c1.23 0 2.23-1 2.23-2.23s-1-2.23-2.23-2.23Z", fill: color }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M8.79 1.621c-1.07 0-1.94.87-1.94 1.94 0 1.07.87 1.94 1.94 1.94h1.57c.21 0 .38-.17.38-.38v-1.57a1.962 1.962 0 0 0-1.95-1.93Z", fill: color }), /*#__PURE__*/React.createElement("path", { d: "M9.43 13.031c-1.23 0-2.23 1-2.23 2.23v4.64c0 1.23 1 2.23 2.23 2.23s2.23-1 2.23-2.23v-4.64c0-1.23-1-2.23-2.23-2.23Z", fill: color }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M5.36 13.031H3.79c-1.07 0-1.94.87-1.94 1.94 0 1.07.87 1.94 1.94 1.94 1.07 0 1.94-.87 1.94-1.94v-1.57c0-.2-.17-.37-.37-.37Z", fill: color }), /*#__PURE__*/React.createElement("path", { d: "M20.11 12.57h-4.64c-1.23 0-2.23 1-2.23 2.23s1 2.23 2.23 2.23h4.64c1.23 0 2.23-1 2.23-2.23s-1-2.23-2.23-2.23Z", fill: color }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M15.18 18.469h-1.57a.38.38 0 0 0-.38.38v1.57c0 1.07.87 1.94 1.94 1.94 1.07 0 1.94-.87 1.94-1.94a1.93 1.93 0 0 0-1.93-1.95Z", fill: color })); }; var Linear = function Linear(_ref4) { var color = _ref4.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { d: "M14.5 2.3c-1 0-1.9.8-1.9 1.9v4.6c0 1 .8 1.9 1.9 1.9 1 0 1.9-.8 1.9-1.9V4.1c0-1-.8-1.8-1.9-1.8ZM18.6 10.6h1.6c.9 0 1.6-.7 1.6-1.6 0-.9-.7-1.6-1.6-1.6-.9 0-1.6.7-1.6 1.6v1.6ZM2 9.2c0 1 .8 1.9 1.9 1.9h4.6c1 0 1.9-.8 1.9-1.9 0-1-.8-1.9-1.9-1.9H3.9C2.8 7.4 2 8.2 2 9.2ZM10.4 5.1V3.6c0-.9-.7-1.6-1.6-1.6-.9 0-1.6.7-1.6 1.6 0 .9.7 1.6 1.6 1.6h1.6v-.1ZM9.4 21.8c1 0 1.9-.8 1.9-1.9v-4.6c0-1-.8-1.9-1.9-1.9-1 0-1.9.8-1.9 1.9v4.6c.1 1 .9 1.9 1.9 1.9ZM5.4 13.4H3.8c-.9 0-1.6.7-1.6 1.6 0 .9.7 1.6 1.6 1.6.9 0 1.6-.7 1.6-1.6v-1.6ZM22 14.8c0-1-.8-1.9-1.9-1.9h-4.6c-1 0-1.9.8-1.9 1.9 0 1 .8 1.9 1.9 1.9h4.6c1 0 1.9-.9 1.9-1.9ZM13.6 18.8v1.6c0 .9.7 1.6 1.6 1.6.9 0 1.6-.7 1.6-1.6 0-.9-.7-1.6-1.6-1.6h-1.6Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })); }; var Outline = function Outline(_ref5) { var color = _ref5.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { d: "M14.54 11.372c-1.44 0-2.61-1.17-2.61-2.61v-4.64c0-1.44 1.17-2.61 2.61-2.61s2.61 1.17 2.61 2.61v4.64c0 1.44-1.17 2.61-2.61 2.61Zm0-8.36c-.61 0-1.11.5-1.11 1.11v4.64c0 .61.5 1.11 1.11 1.11.61 0 1.11-.5 1.11-1.11v-4.64c0-.61-.5-1.11-1.11-1.11ZM20.18 11.37h-1.57c-.41 0-.75-.34-.75-.75V9.05c0-1.28 1.04-2.32 2.32-2.32 1.28 0 2.32 1.04 2.32 2.32 0 1.28-1.04 2.32-2.32 2.32Zm-.81-1.5h.82c.45 0 .82-.37.82-.82 0-.45-.37-.82-.82-.82-.45 0-.82.37-.82.82v.82ZM8.5 11.83H3.86c-1.44 0-2.61-1.17-2.61-2.61s1.17-2.61 2.61-2.61H8.5c1.44 0 2.61 1.17 2.61 2.61s-1.17 2.61-2.61 2.61ZM3.86 8.12c-.61 0-1.11.5-1.11 1.11 0 .61.5 1.11 1.11 1.11H8.5c.61 0 1.11-.5 1.11-1.11 0-.61-.5-1.11-1.11-1.11H3.86ZM10.36 5.878H8.79c-1.28 0-2.32-1.04-2.32-2.32 0-1.28 1.04-2.32 2.32-2.32 1.28 0 2.32 1.04 2.32 2.32v1.57c0 .42-.34.75-.75.75Zm-1.57-3.13c-.45 0-.82.37-.82.82 0 .45.37.82.82.82h.82v-.82c0-.45-.37-.82-.82-.82ZM9.43 22.52c-1.44 0-2.61-1.17-2.61-2.61v-4.64c0-1.44 1.17-2.61 2.61-2.61s2.61 1.17 2.61 2.61v4.64c0 1.44-1.17 2.61-2.61 2.61Zm0-8.36c-.61 0-1.11.5-1.11 1.11v4.64c0 .61.5 1.11 1.11 1.11.61 0 1.11-.5 1.11-1.11v-4.64c0-.62-.5-1.11-1.11-1.11ZM3.79 17.288c-1.28 0-2.32-1.04-2.32-2.32 0-1.28 1.04-2.32 2.32-2.32h1.57c.41 0 .75.34.75.75v1.57c0 1.28-1.04 2.32-2.32 2.32Zm0-3.13c-.45 0-.82.37-.82.82 0 .45.37.82.82.82.45 0 .82-.37.82-.82v-.82h-.82ZM20.11 17.411h-4.64c-1.44 0-2.61-1.17-2.61-2.61s1.17-2.61 2.61-2.61h4.64c1.44 0 2.61 1.17 2.61 2.61s-1.17 2.61-2.61 2.61Zm-4.64-3.72c-.61 0-1.11.5-1.11 1.11 0 .61.5 1.11 1.11 1.11h4.64c.61 0 1.11-.5 1.11-1.11 0-.61-.5-1.11-1.11-1.11h-4.64ZM15.18 22.73c-1.28 0-2.32-1.04-2.32-2.32v-1.57c0-.41.34-.75.75-.75h1.57c1.28 0 2.32 1.04 2.32 2.32 0 1.28-1.05 2.32-2.32 2.32Zm-.82-3.14v.82c0 .45.37.82.82.82.45 0 .82-.37.82-.82 0-.45-.37-.82-.82-.82h-.82Z", fill: color })); }; var TwoTone = function TwoTone(_ref6) { var color = _ref6.color; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", { d: "M14.54 2.262c-1.03 0-1.86.83-1.86 1.86v4.64c0 1.03.83 1.86 1.86 1.86 1.03 0 1.86-.83 1.86-1.86v-4.64c0-1.03-.83-1.86-1.86-1.86Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M18.62 10.62h1.57c.87 0 1.57-.7 1.57-1.57 0-.87-.7-1.57-1.57-1.57-.87 0-1.57.7-1.57 1.57v1.57Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { d: "M2 9.231c0 1.03.83 1.86 1.86 1.86H8.5c1.03 0 1.86-.83 1.86-1.86 0-1.03-.83-1.86-1.86-1.86H3.86c-1.03 0-1.86.83-1.86 1.86Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M10.36 5.128v-1.57c0-.87-.7-1.57-1.57-1.57-.87 0-1.57.7-1.57 1.57 0 .87.7 1.57 1.57 1.57h1.57Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { d: "M9.43 21.77c1.03 0 1.86-.83 1.86-1.86v-4.64c0-1.03-.83-1.86-1.86-1.86-1.03 0-1.86.83-1.86 1.86v4.64c0 1.02.83 1.86 1.86 1.86Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M5.36 13.41H3.79c-.87 0-1.57.7-1.57 1.57 0 .87.7 1.57 1.57 1.57.87 0 1.57-.7 1.57-1.57v-1.57Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { d: "M21.97 14.801c0-1.03-.83-1.86-1.86-1.86h-4.64c-1.03 0-1.86.83-1.86 1.86 0 1.03.83 1.86 1.86 1.86h4.64c1.03 0 1.86-.83 1.86-1.86Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }), /*#__PURE__*/React.createElement("path", { opacity: ".4", d: "M13.61 18.84v1.57c0 .87.7 1.57 1.57 1.57.87 0 1.57-.7 1.57-1.57 0-.87-.7-1.57-1.57-1.57h-1.57Z", stroke: color, strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })); }; var chooseVariant = function chooseVariant(variant, color) { switch (variant) { case 'Bold': return /*#__PURE__*/React.createElement(Bold, { color: color }); case 'Broken': return /*#__PURE__*/React.createElement(Broken, { color: color }); case 'Bulk': return /*#__PURE__*/React.createElement(Bulk, { color: color }); case 'Linear': return /*#__PURE__*/React.createElement(Linear, { color: color }); case 'Outline': return /*#__PURE__*/React.createElement(Outline, { color: color }); case 'TwoTone': return /*#__PURE__*/React.createElement(TwoTone, { color: color }); default: return /*#__PURE__*/React.createElement(Linear, { color: color }); } }; var Slack = /*#__PURE__*/forwardRef(function (_ref7, ref) { var variant = _ref7.variant, color = _ref7.color, size = _ref7.size, rest = _objectWithoutProperties(_ref7, _excluded); return /*#__PURE__*/React.createElement("svg", _extends({}, rest, { xmlns: "http://www.w3.org/2000/svg", ref: ref, width: size, height: size, viewBox: "0 0 24 24", fill: "none" }), chooseVariant(variant, color)); }); Slack.propTypes = { variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']), color: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]) }; Slack.defaultProps = { variant: 'Linear', color: 'currentColor', size: '24' }; Slack.displayName = 'Slack'; export { Slack as default };