Skip to content

Commit f972285

Browse files
feat: added icons doc
1 parent cd41c64 commit f972285

File tree

2 files changed

+61
-0
lines changed

2 files changed

+61
-0
lines changed

documentation/docs/.vitepress/config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ export default defineConfig({
2929
{
3030
text: 'Styles',
3131
items: [
32+
{text: 'Icons', link: 'styles/icons'},
3233
{text: 'Theme', link: 'styles/theme'},
3334
{text: 'Typography', link: 'styles/typography'},
3435
],

documentation/docs/styles/icons.md

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
# Icons
2+
3+
## Overview
4+
5+
This library includes a selection of commonly used icons for building user interfaces. Below is the list of icons available in this library.
6+
7+
![icons](https://ik.imagekit.io/Computools/rn-material-components/icons.png?updatedAt=1736770122917)
8+
9+
1. `PersonIcon`
10+
2. `AccountCircleFilledIcon`
11+
3. `ArrowBackIcon`
12+
4. `ArrowForwardIcon`
13+
5. `AttachFileIcon`
14+
6. `BookmarkBorderIcon`
15+
7. `BookmarkFilledIcon`
16+
8. `CloseIcon`
17+
9. `CommuteFilledIcon`
18+
10. `CommuteIcon`
19+
11. `DeleteIcon`
20+
12. `DoneIcon`
21+
13. `DownloadIcon`
22+
14. `UploadIcon`
23+
15. `EditIcon`
24+
16. `ErrorIcon`
25+
17. `FavoriteIcon`
26+
18. `FavoriteFilledIcon`
27+
19. `FileDownloadIcon`
28+
20. `ListIcon`
29+
21. `LocationIcon`
30+
22. `LocationFilledIcon`
31+
23. `MailIcon`
32+
24. `MailFilledIcon`
33+
25. `MenuIcon`
34+
26. `MoreVertIcon`
35+
27. `MusicNoteIcon`
36+
28. `NavigateBeforeIcon`
37+
29. `NavigateNextIcon`
38+
30. `PhotoIcon`
39+
31. `NotificationsIcon`
40+
32. `NotificationsFilledIcon`
41+
33. `PlusIcon`
42+
34. `SearchIcon`
43+
35. `SendIcon`
44+
36. `SettingsIcon`
45+
37. `SettingsFilledIcon`
46+
38. `ShareIcon`
47+
39. `StarIcon`
48+
40. `StarFilledIcon`
49+
41. `TodayIcon`
50+
42. `VideoCamIcon`
51+
52+
## Additional Icons
53+
54+
If the provided icons do not meet your specific needs, you can explore and add more icons directly into your project.
55+
56+
Explore more icons here:
57+
- [Material 3 Design Kit on Figma](https://www.figma.com/design/60rEc74mbCUjr5eBJlq7Cg/Material-3-Design-Kit-(Community)?node-id=55594-2483&p=f&t=QWcIej0o3w8vZgV0-0)
58+
- [Google Icons](https://fonts.google.com/icons?icon.query=favor&icon.size=24&icon.color=%23e8eaed)
59+
60+
To use additional icons, download the SVGs and integrate them into your project using your preferred method.

0 commit comments

Comments
 (0)