mx-icons 1.0.10 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +193 -127
- package/dist/components/facebook/FacebookBold.js +25 -0
- package/dist/components/facebook/FacebookLinear.js +24 -0
- package/dist/components/facebook/index.js +21 -0
- package/dist/components/linkedin/LinkedInBold.js +25 -0
- package/dist/components/linkedin/LinkedInLinear.js +24 -0
- package/dist/components/linkedin/index.js +21 -0
- package/dist/index.js +20 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,127 +1,193 @@
|
|
|
1
|
-
<div align="center">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
**A modern, lightweight React icon library with beautiful SVG icons**
|
|
11
|
-
|
|
12
|
-
Built with React • Optimized for Production
|
|
13
|
-
|
|
14
|
-
[Live Demo](https://mx-icons.vercel.app/) • [Browse Icons](#-available-icons) • [Documentation](#-usage) • [Contributing](#-contributing)
|
|
15
|
-
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
---
|
|
19
|
-
|
|
20
|
-
## ✨ Features
|
|
21
|
-
|
|
22
|
-
- 🎨 **Multiple Variants** - Every icon comes in outline, solid, and mini (16px) versions
|
|
23
|
-
- ⚡ **Lightweight & Fast** - Tree-shakeable, only imports what you use
|
|
24
|
-
- 🔧 **Fully Customizable** - Control size, color, and all SVG attributes
|
|
25
|
-
- 📦 **Zero Dependencies** - Only React as a peer dependency (18.x or 19.x)
|
|
26
|
-
- 💅 **Modern Design** - Clean, professional icons optimized for light-mode interfaces
|
|
27
|
-
- 📱 **Responsive** - Built-in support for different sizes (24px standard, 16px mini)
|
|
28
|
-
|
|
29
|
-
## 📦 Installation
|
|
30
|
-
|
|
31
|
-
```bash
|
|
32
|
-
npm install mx-icons
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## 🚀 Quick Start
|
|
36
|
-
|
|
37
|
-
```jsx
|
|
38
|
-
import { NoteTextLinear } from "mx-icons";
|
|
39
|
-
|
|
40
|
-
function App() {
|
|
41
|
-
return (
|
|
42
|
-
<div>
|
|
43
|
-
<NoteTextLinear />
|
|
44
|
-
|
|
45
|
-
<NoteTextLinear size={24} color="#292D32" />
|
|
46
|
-
</div>
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
## 🎨 Props & Customization
|
|
52
|
-
|
|
53
|
-
All icon components accept the following props:
|
|
54
|
-
|
|
55
|
-
| Prop | Type | Default | Description |
|
|
56
|
-
| ----------- | ------------------ | ----------- | ------------------------------------------ |
|
|
57
|
-
| `size` | `number \| string` | `24` | Icon width and height (px or any CSS unit) |
|
|
58
|
-
| `color` | `string` | `"#292D32"` | Icon color (any CSS color) |
|
|
59
|
-
| `className` | `string` | `""` | Additional CSS classes |
|
|
60
|
-
|
|
61
|
-
### Run Preview Locally
|
|
62
|
-
|
|
63
|
-
```bash
|
|
64
|
-
# Clone the repository
|
|
65
|
-
git clone https://github.com/ig-imanish/mx-icons.git
|
|
66
|
-
cd mx-icons
|
|
67
|
-
|
|
68
|
-
# Install dependencies
|
|
69
|
-
npm install
|
|
70
|
-
|
|
71
|
-
# Start the preview app
|
|
72
|
-
npm run dev
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
Open [http://localhost:5173](http://localhost:5173) in your browser.
|
|
76
|
-
|
|
77
|
-
## 🤝 Contributing
|
|
78
|
-
|
|
79
|
-
We welcome contributions! Here's how you can help make MX Icons even better:
|
|
80
|
-
|
|
81
|
-
### Ways to Contribute
|
|
82
|
-
|
|
83
|
-
- 🐛 **Report Bugs** - [Open
|
|
84
|
-
- 💡 **Request Icons** - Tell us which icons you need
|
|
85
|
-
- 🎨 **Add New Icons** -
|
|
86
|
-
- 📖 **Improve
|
|
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
|
-
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
**A modern, lightweight React icon library with beautiful SVG icons**
|
|
11
|
+
|
|
12
|
+
Built with React • Optimized for Production
|
|
13
|
+
|
|
14
|
+
[Live Demo](https://mx-icons.vercel.app/) • [Browse Icons](#-available-icons) • [Documentation](#-usage) • [Contributing](#-contributing)
|
|
15
|
+
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## ✨ Features
|
|
21
|
+
|
|
22
|
+
- 🎨 **Multiple Variants** - Every icon comes in outline, solid, and mini (16px) versions
|
|
23
|
+
- ⚡ **Lightweight & Fast** - Tree-shakeable, only imports what you use
|
|
24
|
+
- 🔧 **Fully Customizable** - Control size, color, and all SVG attributes
|
|
25
|
+
- 📦 **Zero Dependencies** - Only React as a peer dependency (18.x or 19.x)
|
|
26
|
+
- 💅 **Modern Design** - Clean, professional icons optimized for light-mode interfaces
|
|
27
|
+
- 📱 **Responsive** - Built-in support for different sizes (24px standard, 16px mini)
|
|
28
|
+
|
|
29
|
+
## 📦 Installation
|
|
30
|
+
|
|
31
|
+
```bash
|
|
32
|
+
npm install mx-icons
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## 🚀 Quick Start
|
|
36
|
+
|
|
37
|
+
```jsx
|
|
38
|
+
import { NoteTextLinear } from "mx-icons";
|
|
39
|
+
|
|
40
|
+
function App() {
|
|
41
|
+
return (
|
|
42
|
+
<div>
|
|
43
|
+
<NoteTextLinear />
|
|
44
|
+
|
|
45
|
+
<NoteTextLinear size={24} color="#292D32" />
|
|
46
|
+
</div>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## 🎨 Props & Customization
|
|
52
|
+
|
|
53
|
+
All icon components accept the following props:
|
|
54
|
+
|
|
55
|
+
| Prop | Type | Default | Description |
|
|
56
|
+
| ----------- | ------------------ | ----------- | ------------------------------------------ |
|
|
57
|
+
| `size` | `number \| string` | `24` | Icon width and height (px or any CSS unit) |
|
|
58
|
+
| `color` | `string` | `"#292D32"` | Icon color (any CSS color) |
|
|
59
|
+
| `className` | `string` | `""` | Additional CSS classes |
|
|
60
|
+
|
|
61
|
+
### Run Preview Locally
|
|
62
|
+
|
|
63
|
+
```bash
|
|
64
|
+
# Clone the repository
|
|
65
|
+
git clone https://github.com/ig-imanish/mx-icons.git
|
|
66
|
+
cd mx-icons
|
|
67
|
+
|
|
68
|
+
# Install dependencies
|
|
69
|
+
npm install
|
|
70
|
+
|
|
71
|
+
# Start the preview app
|
|
72
|
+
npm run dev
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Open [http://localhost:5173](http://localhost:5173) in your browser.
|
|
76
|
+
|
|
77
|
+
## 🤝 Contributing
|
|
78
|
+
|
|
79
|
+
We welcome contributions from developers of all skill levels! Here's how you can help make MX Icons even better:
|
|
80
|
+
|
|
81
|
+
### Ways to Contribute
|
|
82
|
+
|
|
83
|
+
- 🐛 **Report Bugs** - Found an issue? [Open a bug report](https://github.com/ig-imanish/mx-icons/issues/new)
|
|
84
|
+
- 💡 **Request Icons** - Tell us which icons you need for your projects
|
|
85
|
+
- 🎨 **Add New Icons** - Contribute new icons following our design guidelines
|
|
86
|
+
- 📖 **Improve Documentation** - Help make our docs clearer and more comprehensive
|
|
87
|
+
- 🔧 **Fix Issues** - Browse [open issues](https://github.com/ig-imanish/mx-icons/issues) and submit fixes
|
|
88
|
+
- ⭐ **Star the Repo** - Show your support and help us grow!
|
|
89
|
+
- 🐦 **Share** - Spread the word about MX Icons
|
|
90
|
+
|
|
91
|
+
### Quick Start for Contributors
|
|
92
|
+
|
|
93
|
+
1. **Fork** the repository
|
|
94
|
+
2. **Clone** your fork: `git clone https://github.com/YOUR_USERNAME/mx-icons.git`
|
|
95
|
+
3. **Install** dependencies: `npm install`
|
|
96
|
+
4. **Create** a feature branch: `git checkout -b feature/new-icon`
|
|
97
|
+
5. **Make** your changes and test: `npm run dev`
|
|
98
|
+
6. **Lint** your code: `npm run lint`
|
|
99
|
+
7. **Build** the library: `npm run build:lib`
|
|
100
|
+
8. **Commit** with a clear message: `git commit -m "feat(icons): add calendar icon"`
|
|
101
|
+
9. **Push** to your fork: `git push origin feature/new-icon`
|
|
102
|
+
10. **Submit** a pull request
|
|
103
|
+
|
|
104
|
+
### Development Setup
|
|
105
|
+
|
|
106
|
+
```bash
|
|
107
|
+
# Clone the repository
|
|
108
|
+
git clone https://github.com/ig-imanish/mx-icons.git
|
|
109
|
+
cd mx-icons
|
|
110
|
+
|
|
111
|
+
# Install dependencies
|
|
112
|
+
npm install
|
|
113
|
+
|
|
114
|
+
# Start development server
|
|
115
|
+
npm run dev
|
|
116
|
+
|
|
117
|
+
# Run linter
|
|
118
|
+
npm run lint
|
|
119
|
+
|
|
120
|
+
# Build library
|
|
121
|
+
npm run build:lib
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
### Adding a New Icon
|
|
125
|
+
|
|
126
|
+
Icons should follow these guidelines:
|
|
127
|
+
- **Format**: Optimized SVG
|
|
128
|
+
- **Size**: 24x24px (standard) or 16x16px (mini)
|
|
129
|
+
- **Variants**: Provide Linear, Bold, and Mini versions
|
|
130
|
+
- **Color**: Use `currentColor` for easy customization
|
|
131
|
+
- **Naming**: PascalCase with variant suffix (e.g., `CalendarLinear`, `CalendarBold`)
|
|
132
|
+
|
|
133
|
+
Example icon component:
|
|
134
|
+
|
|
135
|
+
```jsx
|
|
136
|
+
import React from "react";
|
|
137
|
+
import Icon from "../../Icon";
|
|
138
|
+
|
|
139
|
+
export const CalendarLinear = (props) => (
|
|
140
|
+
<Icon {...props}>
|
|
141
|
+
<path d="..." fill="none" stroke="currentColor" strokeWidth="1.5" />
|
|
142
|
+
</Icon>
|
|
143
|
+
);
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
### Commit Message Format
|
|
147
|
+
|
|
148
|
+
We follow [Conventional Commits](https://www.conventionalcommits.org/):
|
|
149
|
+
|
|
150
|
+
```
|
|
151
|
+
feat(icons): add calendar icon with all variants
|
|
152
|
+
fix(modal): resolve scrollbar display issue
|
|
153
|
+
docs(readme): update installation guide
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
### Pull Request Guidelines
|
|
157
|
+
|
|
158
|
+
- Provide a clear description of your changes
|
|
159
|
+
- Include screenshots for visual changes
|
|
160
|
+
- Reference related issues (e.g., "Closes #123")
|
|
161
|
+
- Ensure all tests pass and linting is clean
|
|
162
|
+
- Update documentation if needed
|
|
163
|
+
|
|
164
|
+
For comprehensive guidelines, check out our [**CONTRIBUTING.md**](https://github.com/ig-imanish/mx-icons/blob/main/CONTRIBUTING.md)
|
|
165
|
+
|
|
166
|
+
## 📄 License
|
|
167
|
+
|
|
168
|
+
MIT License © 2025 [MX Icons Contributors](https://github.com/ig-imanish/mx-icons/graphs/contributors)
|
|
169
|
+
|
|
170
|
+
Free to use in personal and commercial projects. See [LICENSE](./LICENSE) for details.
|
|
171
|
+
|
|
172
|
+
## 📊 Project Stats
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
## 🔗 Links
|
|
180
|
+
|
|
181
|
+
- **📦 NPM Package:** [npmjs.com/package/mx-icons](https://www.npmjs.com/package/mx-icons)
|
|
182
|
+
- **🌐 Live Preview:** [ig-imanish.github.io/mx-icons](https://ig-imanish.github.io/mx-icons)
|
|
183
|
+
- **📚 Documentation:** [github.com/ig-imanish/mx-icons](https://github.com/ig-imanish/mx-icons)
|
|
184
|
+
- **🐛 Issues:** [github.com/ig-imanish/mx-icons/issues](https://github.com/ig-imanish/mx-icons/issues)
|
|
185
|
+
- **💬 Discussions:** [github.com/ig-imanish/mx-icons/discussions](https://github.com/ig-imanish/mx-icons/discussions)
|
|
186
|
+
|
|
187
|
+
<div align="center">
|
|
188
|
+
|
|
189
|
+
**Made with ❤️ by the open-source community**
|
|
190
|
+
|
|
191
|
+
If you find this project useful, please consider giving it a ⭐ on GitHub!
|
|
192
|
+
|
|
193
|
+
</div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import Icon from "../../Icon.js";
|
|
4
|
+
function FacebookBold({
|
|
5
|
+
size = 24,
|
|
6
|
+
color = "#292D32",
|
|
7
|
+
className = "",
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ jsx(
|
|
11
|
+
Icon,
|
|
12
|
+
{
|
|
13
|
+
size,
|
|
14
|
+
color,
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
viewBox: "0 0 512 512",
|
|
17
|
+
className,
|
|
18
|
+
...props,
|
|
19
|
+
children: /* @__PURE__ */ jsx("path", { d: "M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z", fill: "currentColor" })
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
FacebookBold as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import Icon from "../../Icon.js";
|
|
4
|
+
function FacebookLinear({
|
|
5
|
+
size = 24,
|
|
6
|
+
color = "#292D32",
|
|
7
|
+
className = "",
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ jsx(
|
|
11
|
+
Icon,
|
|
12
|
+
{
|
|
13
|
+
size,
|
|
14
|
+
color,
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
className,
|
|
17
|
+
...props,
|
|
18
|
+
children: /* @__PURE__ */ jsx("path", { d: "M13 19.938A8.001 8.001 0 0 0 12 4a8 8 0 0 0-1 15.938V14H9v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.726 2.726 0 0 1 12.536 6.9c.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H15c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.12.226-.164.45-.164 1.368V12h2.5l-.5 2h-2v5.938zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z", fill: "currentColor" })
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
FacebookLinear as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import FacebookBold from "./FacebookBold.js";
|
|
2
|
+
import FacebookLinear from "./FacebookLinear.js";
|
|
3
|
+
const variants = [
|
|
4
|
+
{
|
|
5
|
+
variant: "bold",
|
|
6
|
+
slug: "bold",
|
|
7
|
+
Component: FacebookBold,
|
|
8
|
+
componentName: "FacebookBold"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
variant: "linear",
|
|
12
|
+
slug: "linear",
|
|
13
|
+
Component: FacebookLinear,
|
|
14
|
+
componentName: "FacebookLinear"
|
|
15
|
+
}
|
|
16
|
+
];
|
|
17
|
+
export {
|
|
18
|
+
FacebookBold,
|
|
19
|
+
FacebookLinear,
|
|
20
|
+
variants
|
|
21
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import Icon from "../../Icon.js";
|
|
4
|
+
function LinkedInBold({
|
|
5
|
+
size = 24,
|
|
6
|
+
color = "#292D32",
|
|
7
|
+
className = "",
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ jsx(
|
|
11
|
+
Icon,
|
|
12
|
+
{
|
|
13
|
+
size,
|
|
14
|
+
color,
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
viewBox: "0 0 448 512",
|
|
17
|
+
className,
|
|
18
|
+
...props,
|
|
19
|
+
children: /* @__PURE__ */ jsx("path", { d: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z", fill: "currentColor" })
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
LinkedInBold as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import Icon from "../../Icon.js";
|
|
4
|
+
function LinkedInLinear({
|
|
5
|
+
size = 24,
|
|
6
|
+
color = "#292D32",
|
|
7
|
+
className = "",
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
return /* @__PURE__ */ jsx(
|
|
11
|
+
Icon,
|
|
12
|
+
{
|
|
13
|
+
size,
|
|
14
|
+
color,
|
|
15
|
+
fill: "currentColor",
|
|
16
|
+
className,
|
|
17
|
+
...props,
|
|
18
|
+
children: /* @__PURE__ */ jsx("path", { d: "M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5zm2.5 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm-1 1h2v7.5h-2V10zm5.5.43c.584-.565 1.266-.93 2-.93 2.071 0 3.5 1.679 3.5 3.75v4.25h-2v-4.25a1.75 1.75 0 0 0-3.5 0v4.25h-2V10h2v.43z", fill: "currentColor" })
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
LinkedInLinear as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import LinkedInLinear from "./LinkedInLinear.js";
|
|
2
|
+
import LinkedInBold from "./LinkedInBold.js";
|
|
3
|
+
const variants = [
|
|
4
|
+
{
|
|
5
|
+
variant: "bold",
|
|
6
|
+
slug: "bold",
|
|
7
|
+
Component: LinkedInBold,
|
|
8
|
+
componentName: "LinkedInBold"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
variant: "linear",
|
|
12
|
+
slug: "linear",
|
|
13
|
+
Component: LinkedInLinear,
|
|
14
|
+
componentName: "LinkedInLinear"
|
|
15
|
+
}
|
|
16
|
+
];
|
|
17
|
+
export {
|
|
18
|
+
LinkedInBold,
|
|
19
|
+
LinkedInLinear,
|
|
20
|
+
variants
|
|
21
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -950,6 +950,8 @@ import { variants as variants$eP } from "./components/twitch/index.js";
|
|
|
950
950
|
import { variants as variants$eQ } from "./components/mail-02/index.js";
|
|
951
951
|
import { variants as variants$eR } from "./components/cancel-circle/index.js";
|
|
952
952
|
import { variants as variants$eS } from "./components/checkmark-circle-02/index.js";
|
|
953
|
+
import { variants as variants$eT } from "./components/linkedin/index.js";
|
|
954
|
+
import { variants as variants$eU } from "./components/facebook/index.js";
|
|
953
955
|
import { default as default3 } from "./components/icon-24-support/Icon24SSupportBold.js";
|
|
954
956
|
import { default as default4 } from "./components/icon-24-support/Icon24SSupportBroken.js";
|
|
955
957
|
import { default as default5 } from "./components/icon-24-support/Icon24SSupportBulk.js";
|
|
@@ -6362,6 +6364,10 @@ import { default as default5411 } from "./components/cancel-circle/CancelCircleL
|
|
|
6362
6364
|
import { default as default5412 } from "./components/cancel-circle/CancelCircleBold.js";
|
|
6363
6365
|
import { default as default5413 } from "./components/checkmark-circle-02/CheckmarkCircle02Linear.js";
|
|
6364
6366
|
import { default as default5414 } from "./components/checkmark-circle-02/CheckmarkCircle02Bold.js";
|
|
6367
|
+
import { default as default5415 } from "./components/linkedin/LinkedInBold.js";
|
|
6368
|
+
import { default as default5416 } from "./components/linkedin/LinkedInLinear.js";
|
|
6369
|
+
import { default as default5417 } from "./components/facebook/FacebookBold.js";
|
|
6370
|
+
import { default as default5418 } from "./components/facebook/FacebookLinear.js";
|
|
6365
6371
|
const icons = [
|
|
6366
6372
|
{
|
|
6367
6373
|
name: "24-support",
|
|
@@ -11117,6 +11123,16 @@ const icons = [
|
|
|
11117
11123
|
name: "checkmark-circle-02",
|
|
11118
11124
|
slug: "checkmark-circle-02",
|
|
11119
11125
|
variants: variants$eS
|
|
11126
|
+
},
|
|
11127
|
+
{
|
|
11128
|
+
name: "linkedin",
|
|
11129
|
+
slug: "linkedin",
|
|
11130
|
+
variants: variants$eT
|
|
11131
|
+
},
|
|
11132
|
+
{
|
|
11133
|
+
name: "facebook",
|
|
11134
|
+
slug: "facebook",
|
|
11135
|
+
variants: variants$eU
|
|
11120
11136
|
}
|
|
11121
11137
|
];
|
|
11122
11138
|
export {
|
|
@@ -13013,6 +13029,8 @@ export {
|
|
|
13013
13029
|
default1907 as EyeSlashOutline,
|
|
13014
13030
|
default1908 as EyeSlashTwotone,
|
|
13015
13031
|
default1913 as EyeTwotone,
|
|
13032
|
+
default5417 as FacebookBold,
|
|
13033
|
+
default5418 as FacebookLinear,
|
|
13016
13034
|
default1914 as FatrowsBold,
|
|
13017
13035
|
default1915 as FatrowsBroken,
|
|
13018
13036
|
default1916 as FatrowsBulk,
|
|
@@ -13955,6 +13973,8 @@ export {
|
|
|
13955
13973
|
default2783 as LinkSquareOutline,
|
|
13956
13974
|
default2784 as LinkSquareTwotone,
|
|
13957
13975
|
default2790 as LinkTwotone,
|
|
13976
|
+
default5415 as LinkedInBold,
|
|
13977
|
+
default5416 as LinkedInLinear,
|
|
13958
13978
|
default2791 as LocationAddBold,
|
|
13959
13979
|
default2792 as LocationAddBroken,
|
|
13960
13980
|
default2793 as LocationAddBulk,
|