@maqsad/icons 0.2.9 → 0.2.11
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 +32 -19
- package/dist/cjs/illustrations/icons/index.js +36 -1
- package/dist/cjs/illustrations/icons/index.js.map +1 -1
- package/dist/cjs/system/icons/index.js +11 -3
- package/dist/cjs/system/icons/index.js.map +1 -1
- package/dist/esm/illustrations/icons/index.js +35 -0
- package/dist/esm/illustrations/icons/index.js.map +1 -1
- package/dist/esm/system/icons/index.js +9 -1
- package/dist/esm/system/icons/index.js.map +1 -1
- package/dist/types/illustrations/icons/index.d.ts +5 -0
- package/dist/types/illustrations/icons/index.d.ts.map +1 -1
- package/dist/types/system/icons/index.d.ts +9 -1
- package/dist/types/system/icons/index.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -120,11 +120,11 @@ function App() {
|
|
|
120
120
|
|
|
121
121
|
## Available Icons
|
|
122
122
|
|
|
123
|
-
**Total:
|
|
123
|
+
**Total: 76 icons** (63 system icons + 13 illustration icons)
|
|
124
124
|
|
|
125
125
|
> For a complete list with import examples, see [ICONS.md](./src/ICONS.md)
|
|
126
126
|
|
|
127
|
-
### System Icons (
|
|
127
|
+
### System Icons (63)
|
|
128
128
|
|
|
129
129
|
<table>
|
|
130
130
|
<tr>
|
|
@@ -133,41 +133,44 @@ function App() {
|
|
|
133
133
|
<td align="center"><img src="assets/system/24/arrow-back.svg" width="24" height="24" /><br /><sub>ArrowBack</sub></td>
|
|
134
134
|
<td align="center"><img src="assets/system/24/arrow-forward.svg" width="24" height="24" /><br /><sub>ArrowForward</sub></td>
|
|
135
135
|
<td align="center"><img src="assets/system/16/badge-check.svg" width="24" height="24" /><br /><sub>BadgeCheck</sub></td>
|
|
136
|
+
<td align="center"><img src="assets/system/24/bell.svg" width="24" height="24" /><br /><sub>Bell</sub></td>
|
|
137
|
+
<td align="center"><img src="assets/system/24/book.svg" width="24" height="24" /><br /><sub>Book</sub></td>
|
|
136
138
|
</tr>
|
|
137
139
|
<tr>
|
|
138
|
-
<td align="center"><img src="assets/system/24/bell.svg" width="24" height="24" /><br /><sub>Bell</sub></td>
|
|
139
140
|
<td align="center"><img src="assets/system/24/bookmark.svg" width="24" height="24" /><br /><sub>Bookmark</sub></td>
|
|
140
141
|
<td align="center"><img src="assets/system/24/calculator.svg" width="24" height="24" /><br /><sub>Calculator</sub></td>
|
|
142
|
+
<td align="center"><img src="assets/system/24/calsulator-2.svg" width="24" height="24" /><br /><sub>Calsulator</sub></td>
|
|
141
143
|
<td align="center"><img src="assets/system/24/camera.svg" width="24" height="24" /><br /><sub>Camera</sub></td>
|
|
142
144
|
<td align="center"><img src="assets/system/24/chat.svg" width="24" height="24" /><br /><sub>Chat</sub></td>
|
|
145
|
+
<td align="center"><img src="assets/system/24/chat-filled.svg" width="24" height="24" /><br /><sub>ChatFilled</sub></td>
|
|
146
|
+
<td align="center"><img src="assets/system/24/check.svg" width="24" height="24" /><br /><sub>Check</sub></td>
|
|
143
147
|
</tr>
|
|
144
148
|
<tr>
|
|
145
|
-
<td align="center"><img src="assets/system/24/check.svg" width="24" height="24" /><br /><sub>Check</sub></td>
|
|
146
149
|
<td align="center"><img src="assets/system/24/check-circle.svg" width="24" height="24" /><br /><sub>CheckCircle</sub></td>
|
|
147
|
-
<td align="center"><img src="assets/system/24/check-circle-filled.svg" width="24" height="24" /><br /><sub>
|
|
150
|
+
<td align="center"><img src="assets/system/24/check-circle-filled-blue.svg" width="24" height="24" /><br /><sub>CheckCircleFilledBlue</sub></td>
|
|
151
|
+
<td align="center"><img src="assets/system/24/check-circle-filled-green.svg" width="24" height="24" /><br /><sub>CheckCircleFilledGreen</sub></td>
|
|
148
152
|
<td align="center"><img src="assets/system/24/chemistry.svg" width="24" height="24" /><br /><sub>Chemistry</sub></td>
|
|
149
153
|
<td align="center"><img src="assets/system/24/chevron-back.svg" width="24" height="24" /><br /><sub>ChevronBack</sub></td>
|
|
150
|
-
</tr>
|
|
151
|
-
<tr>
|
|
152
154
|
<td align="center"><img src="assets/system/24/chevron-down.svg" width="24" height="24" /><br /><sub>ChevronDown</sub></td>
|
|
153
155
|
<td align="center"><img src="assets/system/24/chevron-forward.svg" width="24" height="24" /><br /><sub>ChevronForward</sub></td>
|
|
156
|
+
</tr>
|
|
157
|
+
<tr>
|
|
154
158
|
<td align="center"><img src="assets/system/24/chevron-up.svg" width="24" height="24" /><br /><sub>ChevronUp</sub></td>
|
|
155
159
|
<td align="center"><img src="assets/system/24/close.svg" width="24" height="24" /><br /><sub>Close</sub></td>
|
|
156
160
|
<td align="center"><img src="assets/system/24/credit-card.svg" width="24" height="24" /><br /><sub>CreditCard</sub></td>
|
|
157
|
-
</tr>
|
|
158
|
-
<tr>
|
|
159
161
|
<td align="center"><img src="assets/system/24/crown.svg" width="24" height="24" /><br /><sub>Crown</sub></td>
|
|
160
162
|
<td align="center"><img src="assets/system/24/delete.svg" width="24" height="24" /><br /><sub>Delete</sub></td>
|
|
161
163
|
<td align="center"><img src="assets/system/24/dislike.svg" width="24" height="24" /><br /><sub>Dislike</sub></td>
|
|
162
164
|
<td align="center"><img src="assets/system/24/download.svg" width="24" height="24" /><br /><sub>Download</sub></td>
|
|
163
|
-
<td align="center"><img src="assets/system/24/edit.svg" width="24" height="24" /><br /><sub>Edit</sub></td>
|
|
164
165
|
</tr>
|
|
165
166
|
<tr>
|
|
167
|
+
<td align="center"><img src="assets/system/24/edit.svg" width="24" height="24" /><br /><sub>Edit</sub></td>
|
|
166
168
|
<td align="center"><img src="assets/system/24/envelope.svg" width="24" height="24" /><br /><sub>Envelope</sub></td>
|
|
167
169
|
<td align="center"><img src="assets/system/24/feedback.svg" width="24" height="24" /><br /><sub>Feedback</sub></td>
|
|
168
170
|
<td align="center"><img src="assets/system/24/filter.svg" width="24" height="24" /><br /><sub>Filter</sub></td>
|
|
169
171
|
<td align="center"><img src="assets/system/18/help.svg" width="24" height="24" /><br /><sub>Help</sub></td>
|
|
170
172
|
<td align="center"><img src="assets/system/24/history.svg" width="24" height="24" /><br /><sub>History</sub></td>
|
|
173
|
+
<td align="center"><img src="assets/system/24/home.svg" width="24" height="24" /><br /><sub>Home</sub></td>
|
|
171
174
|
</tr>
|
|
172
175
|
<tr>
|
|
173
176
|
<td align="center"><img src="assets/system/24/info.svg" width="24" height="24" /><br /><sub>Info</sub></td>
|
|
@@ -175,29 +178,30 @@ function App() {
|
|
|
175
178
|
<td align="center"><img src="assets/system/24/like.svg" width="24" height="24" /><br /><sub>Like</sub></td>
|
|
176
179
|
<td align="center"><img src="assets/system/18/loader.svg" width="24" height="24" /><br /><sub>Loader</sub></td>
|
|
177
180
|
<td align="center"><img src="assets/system/24/lock.svg" width="24" height="24" /><br /><sub>Lock</sub></td>
|
|
178
|
-
</tr>
|
|
179
|
-
<tr>
|
|
180
181
|
<td align="center"><img src="assets/system/24/logout.svg" width="24" height="24" /><br /><sub>Logout</sub></td>
|
|
181
182
|
<td align="center"><img src="assets/system/24/maths.svg" width="24" height="24" /><br /><sub>Maths</sub></td>
|
|
183
|
+
</tr>
|
|
184
|
+
<tr>
|
|
185
|
+
<td align="center"><img src="assets/system/24/negative-circle-filled-blue.svg" width="24" height="24" /><br /><sub>NegativeCircleFilledBlue</sub></td>
|
|
186
|
+
<td align="center"><img src="assets/system/24/notes.svg" width="24" height="24" /><br /><sub>Notes</sub></td>
|
|
182
187
|
<td align="center"><img src="assets/system/24/pencil-hand.svg" width="24" height="24" /><br /><sub>PencilHand</sub></td>
|
|
183
188
|
<td align="center"><img src="assets/system/24/physics.svg" width="24" height="24" /><br /><sub>Physics</sub></td>
|
|
184
189
|
<td align="center"><img src="assets/system/24/pin.svg" width="24" height="24" /><br /><sub>Pin</sub></td>
|
|
185
|
-
</tr>
|
|
186
|
-
<tr>
|
|
187
190
|
<td align="center"><img src="assets/system/24/question-bank.svg" width="24" height="24" /><br /><sub>QuestionBank</sub></td>
|
|
188
191
|
<td align="center"><img src="assets/system/24/reset.svg" width="24" height="24" /><br /><sub>Reset</sub></td>
|
|
192
|
+
</tr>
|
|
193
|
+
<tr>
|
|
189
194
|
<td align="center"><img src="assets/system/24/rotate-screen.svg" width="24" height="24" /><br /><sub>RotateScreen</sub></td>
|
|
190
195
|
<td align="center"><img src="assets/system/24/search.svg" width="24" height="24" /><br /><sub>Search</sub></td>
|
|
191
196
|
<td align="center"><img src="assets/system/24/share.svg" width="24" height="24" /><br /><sub>Share</sub></td>
|
|
192
|
-
</tr>
|
|
193
|
-
<tr>
|
|
194
197
|
<td align="center"><img src="assets/system/24/share-arrow.svg" width="24" height="24" /><br /><sub>ShareArrow</sub></td>
|
|
195
198
|
<td align="center"><img src="assets/system/24/sikkay.svg" width="24" height="24" /><br /><sub>Sikkay</sub></td>
|
|
196
199
|
<td align="center"><img src="assets/system/24/smiley.svg" width="24" height="24" /><br /><sub>Smiley</sub></td>
|
|
197
200
|
<td align="center"><img src="assets/system/24/sort.svg" width="24" height="24" /><br /><sub>Sort</sub></td>
|
|
198
|
-
<td align="center"><img src="assets/system/24/star.svg" width="24" height="24" /><br /><sub>Star</sub></td>
|
|
199
201
|
</tr>
|
|
200
202
|
<tr>
|
|
203
|
+
<td align="center"><img src="assets/system/24/star.svg" width="24" height="24" /><br /><sub>Star</sub></td>
|
|
204
|
+
<td align="center"><img src="assets/system/24/star-filled.svg" width="24" height="24" /><br /><sub>StarFilled</sub></td>
|
|
201
205
|
<td align="center"><img src="assets/system/24/test.svg" width="24" height="24" /><br /><sub>Test</sub></td>
|
|
202
206
|
<td align="center"><img src="assets/system/24/video-play.svg" width="24" height="24" /><br /><sub>VideoPlay</sub></td>
|
|
203
207
|
<td align="center"><img src="assets/system/24/video-skip.svg" width="24" height="24" /><br /><sub>VideoSkip</sub></td>
|
|
@@ -206,7 +210,7 @@ function App() {
|
|
|
206
210
|
</tr>
|
|
207
211
|
</table>
|
|
208
212
|
|
|
209
|
-
### Illustration Icons (
|
|
213
|
+
### Illustration Icons (13)
|
|
210
214
|
|
|
211
215
|
<table>
|
|
212
216
|
<tr>
|
|
@@ -216,9 +220,18 @@ function App() {
|
|
|
216
220
|
<td align="center"><img src="assets/illustrations/primary/doubtsolve-primary.svg" width="48" height="48" /><br /><sub>Doubtsolve</sub></td>
|
|
217
221
|
</tr>
|
|
218
222
|
<tr>
|
|
223
|
+
<td align="center"><img src="assets/illustrations/primary/giki.svg" width="48" height="48" /><br /><sub>Giki</sub></td>
|
|
224
|
+
<td align="center"><img src="assets/illustrations/primary/iba.svg" width="48" height="48" /><br /><sub>Iba</sub></td>
|
|
219
225
|
<td align="center"><img src="assets/illustrations/primary/live-sessions-primary.svg" width="48" height="48" /><br /><sub>LiveSessions</sub></td>
|
|
226
|
+
<td align="center"><img src="assets/illustrations/primary/lums.svg" width="48" height="48" /><br /><sub>Lums</sub></td>
|
|
227
|
+
</tr>
|
|
228
|
+
<tr>
|
|
229
|
+
<td align="center"><img src="assets/illustrations/primary/miss-huma-confused.svg" width="48" height="48" /><br /><sub>MissHumaConfused</sub></td>
|
|
220
230
|
<td align="center"><img src="assets/illustrations/primary/notes-primary.svg" width="48" height="48" /><br /><sub>Notes</sub></td>
|
|
231
|
+
<td align="center"><img src="assets/illustrations/primary/sikka.svg" width="48" height="48" /><br /><sub>Sikka</sub></td>
|
|
221
232
|
<td align="center"><img src="assets/illustrations/primary/tests-primary.svg" width="48" height="48" /><br /><sub>Tests</sub></td>
|
|
233
|
+
</tr>
|
|
234
|
+
<tr>
|
|
222
235
|
<td align="center"><img src="assets/illustrations/primary/video-lectures-primary.svg" width="48" height="48" /><br /><sub>VideoLectures</sub></td>
|
|
223
236
|
</tr>
|
|
224
237
|
</table>
|
|
@@ -231,7 +244,7 @@ function App() {
|
|
|
231
244
|
| `secondary` | Brown/pink color scheme | Alternative styling |
|
|
232
245
|
| `dark` | Dark monotone | Icons on light backgrounds |
|
|
233
246
|
| `light` | Light monotone | Icons on dark backgrounds |
|
|
234
|
-
| `filled` | Customizable colors | Brand-specific theming |
|
|
247
|
+
<!-- | `filled` | Customizable colors | Brand-specific theming | -->
|
|
235
248
|
|
|
236
249
|
## Adding New Icons
|
|
237
250
|
|