## Icons List

Note : Remaining icons should be added here in list

| Image                                   | Name                                                   | Image                                    | Name                                                    |
| --------------------------------------- | ------------------------------------------------------ | ---------------------------------------- | ------------------------------------------------------- |
| ![](./assets/arrow-up.svg)              | <mark style="color:purple;">`ArrowUp`</mark>             | ![](./assets/arrow-left.svg)             | <mark style="color:purple;">`ArrowLeft`</mark>            |
| ![](./assets/arrow-up-fill.svg)         | <mark style="color:purple;">`ArrowUpFill`</mark>         | ![](./assets/arrow-left-fill.svg)        | <mark style="color:purple;">`ArrowLeftFill`</mark>        |
| ![](./assets/arrow-up-circle.svg)       | <mark style="color:purple;">`ArrowUpCircle`</mark>       | ![](./assets/arrow-left-circle.svg)      | <mark style="color:purple;">`ArrowLeftCircle`</mark>      |
| ![](./assets/arrow-down.svg)            | <mark style="color:purple;">`ArrowDown`</mark>           | ![](./assets/arrow-right.svg)            | <mark style="color:purple;">`ArrowRight`</mark>           |
| ![](./assets/arrow-down-fill.svg)       | <mark style="color:purple;">`ArrowDownFill`</mark>       | ![](./assets/arrow-right-fill.svg)       | <mark style="color:purple;">`ArrowRightFill`</mark>       |
| ![](./assets/arrow-down-circle.svg)     | <mark style="color:purple;">`ArrowDownCircle`</mark>     | ![](./assets/arrow-right.svg)            | <mark style="color:purple;">`ArrowRightCircle`</mark>     |
| ![](./assets/arrow-to-down-circle.svg)  | <mark style="color:purple;">`ArrowToDownCircle`</mark>   | ![](./assets/arrow-to-down-fill.svg)     | <mark style="color:purple;">`ArrowToDownFill`</mark>      |
| ![](./assets/arrow-to-up-circle.svg)    | <mark style="color:purple;">`ArrowToUpCircle`</mark>     | ![](./assets/arrow-to-up-fill.svg)       | <mark style="color:purple;">`ArrowToUpFill`</mark>        |
| ![](./assets/arrow-to-left-circle.svg)  | <mark style="color:purple;">`ArrowToLeftCircle`</mark>   | ![](./assets/arrow-to-left-fill.svg)     | <mark style="color:purple;">`ArrowToLeftFill`</mark>      |
| ![](./assets/arrow-to-right-circle.svg) | <mark style="color:purple;">`ArrowToRightCircle`</mark>  | ![](./assets/arrow-to-right-fill.svg)    | <mark style="color:purple;">`ArrowToRightFill`</mark>     |
| ![](./assets/backward-circle.svg)       | <mark style="color:purple;">`BackwardCircle`</mark>      | ![](./assets/backward-fill.svg)          | <mark style="color:purple;">`BackwardFill`</mark>         |
| ![](./assets/forward-circle.svg)        | <mark style="color:purple;">`ForwardCircle`</mark>       | ![](./assets/forward-fill.svg)           | <mark style="color:purple;">`ForwardFill`</mark>          |
| ![](./assets/purpletooth.svg)             | <mark style="color:purple;">`purpletooth`</mark>           | ![](./assets/purpletooth-fill.svg)         | <mark style="color:purple;">`purpletoothFill`</mark>        |
| ![](./assets/code-alt.svg)              | <mark style="color:purple;">`CodeAlt`</mark>             | ![](./assets/code-fill.svg)              | <mark style="color:purple;">`CodeFill`</mark>             |
| ![](./assets/pause-circle.svg)          | <mark style="color:purple;">`PauseCircle`</mark>         | ![](./assets/pause-fill.svg)             | <mark style="color:purple;">`PauseFill`</mark>            |
| ![](./assets/play-circle.svg)           | <mark style="color:purple;">`PlayCircle`</mark>          | ![](./assets/play-fill.svg)              | <mark style="color:purple;">`PlayFill`</mark>             |
| ![](./assets/align-center.svg)          | <mark style="color:purple;">`AlignCenter`</mark>         | ![](./assets/align-horizontal-left.svg)  | <mark style="color:purple;">`AlignHorizontalLeft`</mark>  |
| ![](./assets/align-justify.svg)         | <mark style="color:purple;">`AlignJustify`</mark>        | ![](./assets/align-horizontal-right.svg) | <mark style="color:purple;">`AlignHorizontalRight`</mark> |
| ![](./assets/align-left.svg)            | <mark style="color:purple;">`AlignLeft`</mark>           | ![](./assets/align-right.svg)            | <mark style="color:purple;">`AlignRight`</mark>           |
| ![](./assets/align-vertical-bottom.svg) | <mark style="color:purple;">`AlignVerticalBottom`</mark> | ![](./assets/align-vertical-center.svg)  | <mark style="color:purple;">`AlignVerticalCenter`</mark>  |
| ![](./assets/align-vertical-top.svg)    | <mark style="color:purple;">`AlignVerticalTop`</mark>    | ![](./assets/compass-1.svg)              | <mark style="color:purple;">`Compass1`</mark>             |
| ![](./assets/dashboard-fill.svg)        | <mark style="color:purple;">`DashboardFill`</mark>       | ![](./assets/compass-2.svg)              | <mark style="color:purple;">`Compass2`</mark>             |
| ![](./assets/dashboard.svg)             | <mark style="color:purple;">`Dashboard`</mark>           | ![](./assets/home-fill.svg)              | <mark style="color:purple;">`HomeFill`</mark>             |
| ![](./assets/location-marker-fill.svg)  | <mark style="color:purple;">`LocationMarkerFill`</mark>  | ![](./assets/location-marker.svg)        | <mark style="color:purple;">`LocationMarker`</mark>       |
| ![](./assets/task.svg)                  | <mark style="color:purple;">`Task`</mark>                | ![](./assets/task-fill.svg)              | <mark style="color:purple;">`TaskFill`</mark>             |
| ![](./assets/bookmark.svg)                  | <mark style="color:purple;">`Bookmark`</mark>                | ![](./assets/bookmark-fill.svg)              | <mark style="color:purple;">`BookmarkFill`</mark>             |
| ![](./assets/browser.svg)                  | <mark style="color:purple;">`Browser`</mark>                | ![](./assets/category-fill.svg)              | <mark style="color:purple;">`CategoryFill`</mark>             |
| ![](./assets/category.svg)                  | <mark style="color:purple;">`Category`</mark>                | ![](./assets/headset-1.svg)              | <mark style="color:purple;">`Headset1`</mark>             |
| ![](./assets/headset.svg)                  | <mark style="color:purple;">`Headset`</mark>                | ![](./assets/headset-fill.svg)              | <mark style="color:purple;">`HeadsetFill`</mark>             |
| ![](./assets/heart.svg)                  | <mark style="color:purple;">`Heart`</mark>                | ![](./assets/terminal.svg)              | <mark style="color:purple;">`Terminal`</mark>             |
| ![](./assets/activity.svg)                  | <mark style="color:purple;">`Activity`</mark>                | ![](./assets/adjust.svg)              | <mark style="color:purple;">`Adjust`</mark>             |
| ![](./assets/bell.svg)                  | <mark style="color:purple;">`Bell`</mark>                | ![](./assets/brightness.svg)              | <mark style="color:purple;">`Brightness`</mark>             |
| ![](./assets/clock.svg)                  | <mark style="color:purple;">`Clock`</mark>                | ![](./assets/clock-1.svg)              | <mark style="color:purple;">`Clock1`</mark>             |
| ![](./assets/contact-book-fill.svg)                  | <mark style="color:purple;">`ContactBookFill`</mark>                | ![](./assets/contact-book.svg)              | <mark style="color:purple;">`ContactBook`</mark>             |
| ![](./assets/contact-line.svg)                  | <mark style="color:purple;">`ContactLine`</mark>                | ![](./assets/divide.svg)              | <mark style="color:purple;">`Divide`</mark>             |
| ![](./assets/do-not-disturb.svg)                  | <mark style="color:purple;">`DoNotDisturb`</mark>                | ![](./assets/dots-horizontal.svg)              | <mark style="color:purple;">`DotsHorizontal`</mark>             |
| ![](./assets/dots-horizontal-rounded.svg)                  | <mark style="color:purple;">`DotsHorizontalRounded`</mark>                | ![](./assets/dots-vertical.svg)              | <mark style="color:purple;">`DotsVertical`</mark>             |
| ![](./assets/dots-vertical-rounded.svg)                  | <mark style="color:purple;">`DotsVerticalRounded`</mark>                | ![](./assets/edit.svg)              | <mark style="color:purple;">`Edit`</mark>             |
| ![](./assets/encircle-divide.svg)                  | <mark style="color:purple;">`EncircleDivide`</mark>                | ![](./assets/encircle-divide-fill.svg)              | <mark style="color:purple;">`EncircleDivideFill`</mark>             |
| ![](./assets/encircle-minus.svg)                  | <mark style="color:purple;">`EncircleMinus`</mark>                | ![](./assets/encircled-minus-fill.svg)              | <mark style="color:purple;">`EncircledMinusFill`</mark>             |
| ![](./assets/encircled-multiply-fill.svg)                  | <mark style="color:purple;">`EncircledMultiplyFill`</mark>                | ![](./assets/encircle-multiply.svg)              | <mark style="color:purple;">`EncircleMultiply`</mark>             |
| ![](./assets/filter.svg)                  | <mark style="color:purple;">`Filter`</mark>                | ![](./assets/filter-fill.svg)              | <mark style="color:purple;">`FilterFill`</mark>             |
| ![](./assets/flag.svg)                  | <mark style="color:purple;">`Flag`</mark>                | ![](./assets/flag-fill.svg)              | <mark style="color:purple;">`FlagFill`</mark>             |
| ![](./assets/image.svg)                  | <mark style="color:purple;">`Image`</mark>                | ![](./assets/image-fill.svg)              | <mark style="color:purple;">`ImageFill`</mark>             |
| ![](./assets/info.svg)                  | <mark style="color:purple;">`Info`</mark>                | ![](./assets/info-fill.svg)              | <mark style="color:purple;">`InfoFill`</mark>             |
| ![](./assets/list-li.svg)                  | <mark style="color:purple;">`ListLi`</mark>                | ![](./assets/list-ui.svg)              | <mark style="color:purple;">`ListUi`</mark>             |
| ![](./assets/lock-fill.svg)                  | <mark style="color:purple;">`LockFill`</mark>                | ![](./assets/message.svg)              | <mark style="color:purple;">`Message`</mark>             |
| ![](./assets/minux.svg)                  | <mark style="color:purple;">`Minus`</mark>                | ![](./assets/multiply.svg)              | <mark style="color:purple;">`Multiply`</mark>             |
| ![](./assets/pie-chart.svg)                  | <mark style="color:purple;">`PieChart`</mark>                | ![](./assets/plus.svg)              | <mark style="color:purple;">`Plus`</mark>             |
| ![](./assets/react-icon.svg)                  | <mark style="color:purple;">`ReactIcon`</mark>                | ![](./assets/react-fill.svg)              | <mark style="color:purple;">`ReactFill`</mark>             |
| ![](./assets/sand-clock.svg)                  | <mark style="color:purple;">`SandClock`</mark>                | ![](./assets/save-alt.svg)              | <mark style="color:purple;">`SaveAlt`</mark>             |
| ![](./assets/sent.svg)                  | <mark style="color:purple;">`Sent`</mark>                | ![](./assets/share.svg)              | <mark style="color:purple;">`Share`</mark>             |
| ![](./assets/sms.svg)                  | <mark style="color:purple;">`Sms`</mark>                | ![](./assets/tag-alt.svg)              | <mark style="color:purple;">`TagAlt`</mark>             |
| ![](./assets/tag-alt-2.svg)                  | <mark style="color:purple;">`TagAlt2`</mark>                | ![](./assets/unlock-fill.svg)              | <mark style="color:purple;">`UnlockFill`</mark>             |
| ![](./assets/user-fill.svg)                  | <mark style="color:purple;">`UserFill`</mark>                | ![](./assets/user-fill-1.svg)              | <mark style="color:purple;">`UserFill1`</mark>             |
| ![](./assets/user-profile.svg)                  | <mark style="color:purple;">`UserProfile`</mark>                | ![](./assets/user-profile-fill.svg)              | <mark style="color:purple;">`UserProfileFill`</mark>             |
| ![](./assets/view-list.svg)                  | <mark style="color:purple;">`ViewList`</mark>                | ![](./assets/warning.svg)              | <mark style="color:purple;">`Warning`</mark>             |
| ![](./assets/warning-fill.svg)                  | <mark style="color:purple;">`WarningFill`</mark>                | ![](./assets/encircle-plus.svg)              | <mark style="color:purple;">`EncirclePlus`</mark>             |
| ![](./assets/encircled-plus-fill.svg)                  | <mark style="color:purple;">`EncircledPlusFill`</mark>                | ![](./assets/dribbble.svg)              | <mark style="color:purple;">`Dribbble`</mark>             |
| ![](./assets/clipboard.svg)                  | <mark style="color:purple;">`Clipboard`</mark>                | ![](./assets/clipboard-fill.svg)              | <mark style="color:purple;">`ClipboardFill`</mark>             |
| ![](./assets/cloud-drizzle.svg)                  | <mark style="color:purple;">`CloudDrizzle`</mark>                | ![](./assets/cloud-drizzle-fill.svg)              | <mark style="color:purple;">`CloudDrizzleFill`</mark>             |
| ![](./assets/cloud-upload.svg)                  | <mark style="color:purple;">`CloudUpload`</mark>                | ![](./assets/cloud-upload-fill.svg)              | <mark style="color:purple;">`CloudUploadFill`</mark>             |
| ![](./assets/dollar-coin.svg)                  | <mark style="color:purple;">`DollarCoin`</mark>                | ![](./assets/rupee-coin.svg)              | <mark style="color:purple;">`RupeeCoin`</mark>             |
| ![](./assets/printer.svg)                  | <mark style="color:purple;">`Printer`</mark>                | ![](./assets/printer-fill.svg)              | <mark style="color:purple;">`PrinterFill`</mark>             |
| ![](./assets/trophy.svg)                  | <mark style="color:purple;">`Trophy`</mark>                | ![](./assets/trophy-fill.svg)              | <mark style="color:purple;">`TrophyFill`</mark>             |
| ![](./assets/recycle.svg)                  | <mark style="color:purple;">`Recycle`</mark>                | ![](./assets/search.svg)              | <mark style="color:purple;">`Search`</mark>             |
| ![](./assets/zoom-in.svg)                  | <mark style="color:purple;">`ZoomIn`</mark>                | ![](./assets/zoom-out.svg)              | <mark style="color:purple;">`ZoomOut`</mark>             |