@towsila/icons 1.0.0

package/README.md

@@ -0,0 +1,93 @@
+# towsila_icons
+
+
+
+## Getting started
+
+To make it easy for you to get started with GitLab, here's a list of recommended next steps.
+
+Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
+
+## Add your files
+
+* [Create](https://docs.gitlab.com/user/project/repository/web_editor/#create-a-file) or [upload](https://docs.gitlab.com/user/project/repository/web_editor/#upload-a-file) files
+* [Add files using the command line](https://docs.gitlab.com/topics/git/add_files/#add-files-to-a-git-repository) or push an existing Git repository with the following command:
+
+```
+cd existing_repo
+git remote add origin https://gitlab.com/depanini/packages/towsila_icons.git
+git branch -M main
+git push -uf origin main
+```
+
+## Integrate with your tools
+
+* [Set up project integrations](https://gitlab.com/depanini/packages/towsila_icons/-/settings/integrations)
+
+## Collaborate with your team
+
+* [Invite team members and collaborators](https://docs.gitlab.com/user/project/members/)
+* [Create a new merge request](https://docs.gitlab.com/user/project/merge_requests/creating_merge_requests/)
+* [Automatically close issues from merge requests](https://docs.gitlab.com/user/project/issues/managing_issues/#closing-issues-automatically)
+* [Enable merge request approvals](https://docs.gitlab.com/user/project/merge_requests/approvals/)
+* [Set auto-merge](https://docs.gitlab.com/user/project/merge_requests/auto_merge/)
+
+## Test and Deploy
+
+Use the built-in continuous integration in GitLab.
+
+* [Get started with GitLab CI/CD](https://docs.gitlab.com/ci/quick_start/)
+* [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/user/application_security/sast/)
+* [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/topics/autodevops/requirements/)
+* [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/user/clusters/agent/)
+* [Set up protected environments](https://docs.gitlab.com/ci/environments/protected_environments/)
+
+***
+
+# Editing this README
+
+When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
+
+## Suggestions for a good README
+
+Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
+
+## Name
+Choose a self-explaining name for your project.
+
+## Description
+Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
+
+## Badges
+On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
+
+## Visuals
+Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
+
+## Installation
+Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
+
+## Usage
+Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
+
+## Support
+Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
+
+## Roadmap
+If you have ideas for releases in the future, it is a good idea to list them in the README.
+
+## Contributing
+State if you are open to contributions and what your requirements are for accepting them.
+
+For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
+
+You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
+
+## Authors and acknowledgment
+Show your appreciation to those who have contributed to the project.
+
+## License
+For open source projects, say how it is licensed.
+
+## Project status
+If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@towsila/icons",
+  "version": "1.0.0",
+  "description": "Towsila icon library",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "files": ["src"],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "react": "^18.0.0",
+    "react-native": "^0.74.0",
+    "react-native-svg": "^15.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-native": "^0.73.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-svg": "*"
+  }
+}

package/src/icons/arrow.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+
+export default function Arrow({ width = 18, height = 14, color = "#000000", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 18 14" fill="none" {...props}>
+      <Path d="M0 7.74219C0.594603 7.76936 1.18898 7.79321 1.78314 7.81373C3.70589 7.88015 5.62632 7.91173 7.54442 7.90848L8.12455 7.9075L8.16777 7.24219C8.28688 5.40885 8.37396 3.57552 8.42901 1.74219L6.97369 2.50773C8.24548 3.43952 9.53069 4.35181 10.8293 5.24461C12.1974 6.18515 13.5803 7.10405 14.9781 8.00131V6.48307C12.3694 8.40076 9.8173 10.4007 7.32169 12.4828L7.81475 12.7422C7.7749 12.3151 7.73332 11.8881 7.69 11.4611C7.63 10.8696 7.56667 10.2781 7.5 9.68663C7.43333 10.2781 7.37 10.8696 7.31 11.4611C7.26668 11.8881 7.2251 12.3151 7.18525 12.7422L7.23244 13.3609L7.67831 13.0016C10.516 11.417 13.2972 9.75028 16.0219 8.00131L17.1246 7.19315L16.0219 6.48307C14.6836 5.49925 13.3304 4.53706 11.9624 3.59652C10.6637 2.70373 9.35173 1.83044 8.02631 0.976642L6.52819 -1.93119e-05L6.57099 1.74219C6.62604 3.57552 6.71312 5.40885 6.83223 7.24219L7.45558 6.57589C5.55402 6.82729 3.65478 7.11352 1.75787 7.43457C1.17169 7.53379 0.585734 7.63632 0 7.74219Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/arrowBack.tsx

@@ -0,0 +1,16 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+
+export default function ArrowBack({ width = 18, height = 14, color = "#000000", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 18 14" fill="none" {...props}>
+      <Path
+        d="M17.1245 7.74219C16.5299 7.76936 15.9355 7.79321 15.3414 7.81373C13.4186 7.88015 11.4982 7.91173 9.58009 7.90848L8.99996 7.9075L8.95674 7.24219C8.83763 5.40885 8.75055 3.57552 8.6955 1.74219L10.1508 2.50773C8.87903 3.43952 7.59383 4.35181 6.29522 5.24461C4.92716 6.18515 3.54422 7.10405 2.14641 8.00131V6.48307C4.75507 8.40076 7.30721 10.4007 9.80282 12.4828L9.30977 12.7422C9.34961 12.3151 9.39119 11.8881 9.43451 11.4611C9.49451 10.8696 9.55785 10.2781 9.62451 9.68663C9.69118 10.2781 9.75451 10.8696 9.81451 11.4611C9.85783 11.8881 9.89941 12.3151 9.93926 12.7422L9.89207 13.3609L9.4462 13.0016C6.60848 11.417 3.82728 9.75028 1.10262 8.00131L-8.01086e-05 7.19315L1.10262 6.48307C2.44092 5.49925 3.7941 4.53706 5.16216 3.59652C6.46077 2.70373 7.77278 1.83044 9.0982 0.976642L10.5963 -1.93119e-05L10.5535 1.74219C10.4985 3.57552 10.4114 5.40885 10.2923 7.24219L9.66893 6.57589C11.5705 6.82729 13.4697 7.11352 15.3666 7.43457C15.9528 7.53379 16.5388 7.63632 17.1245 7.74219Z"
+        fill={color}
+      />
+    </Svg>
+    )
+}

package/src/icons/ban.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Ban({ width = 20, height = 20, color = "#000000", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+      <Path d="M18.125 10C18.0719 10.8522 17.8886 11.6855 17.5848 12.4647C16.3896 15.6163 13.1679 17.6788 10 17.525C5.99445 17.4715 2.58662 13.888 2.675 10C2.675 10 2.675 10 2.675 10C2.58662 6.11204 5.99445 2.52846 10 2.475C13.1679 2.32123 16.3896 4.38375 17.5848 7.5353C17.8886 8.31454 18.0719 9.1478 18.125 10C18.1787 9.14796 18.0964 8.28097 17.8739 7.44141C17.0291 4.04995 13.6937 1.32738 10 1.275C5.3498 1.01107 0.952921 5.23221 1.075 10C1.075 10 1.075 10 1.075 10C0.952921 14.7678 5.3498 18.9889 10 18.725C13.6937 18.6726 17.0291 15.95 17.8739 12.5586C18.0964 11.719 18.1787 10.852 18.125 10ZM18.125 10" fill={color}/>
+      <Path d="M4.25391 4.25464C4.4077 4.48386 4.56339 4.7112 4.72096 4.93665C6.13908 6.96571 7.70994 8.84204 9.43353 10.5656C11.1571 12.2892 13.0335 13.8601 15.0625 15.2782C15.288 15.4358 15.5153 15.5915 15.7445 15.7453C15.5907 15.516 15.435 15.2887 15.2775 15.0633C13.8594 13.0342 12.2885 11.1579 10.5649 9.43427C8.84131 7.71067 6.96498 6.13981 4.93592 4.72169C4.71047 4.56412 4.48313 4.40844 4.25391 4.25464Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/chatIcon.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import { IconType } from "../types/iconType";
+
+
+export default function ChatIcon({ 
+  width = 21, 
+  height = 21, 
+  fillColor = "transparent",
+  borderColor = "black",
+}: IconType) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 21 21" fill="none">
+        <Path d="M10.2812 19.4939C15.2518 19.4939 19.2812 15.4645 19.2812 10.4939C19.2812 5.52333 15.2518 1.4939 10.2812 1.4939C5.31069 1.4939 1.28125 5.52333 1.28125 10.4939C1.28125 11.9815 1.64218 13.3849 2.28125 14.6211L1.28125 19.4939L6.15405 18.4939C7.39029 19.133 8.79362 19.4939 10.2812 19.4939Z" 
+        fill={fillColor}/>
+        <Path d="M10.2812 19.4939C11.2982 19.5944 12.3463 19.5181 13.3658 19.2542C17.1072 18.3477 20.2133 14.676 20.3503 10.4939C20.7604 5.12869 15.8952 -0.10833 10.2812 0.00166595C9.43091 -0.00372839 8.57682 0.0963 7.74859 0.301739C3.16859 1.36292 -0.230757 5.90555 0.0117993 10.4939C0.0642458 12.1212 0.523322 13.7285 1.32697 15.1144L1.22893 14.4051C0.980801 16.0469 0.745727 17.6913 0.523709 19.3384C0.360814 19.9348 0.824424 20.3366 1.43671 20.2514C3.03813 19.8068 4.63688 19.3491 6.23294 18.8783L5.97383 18.8425C6.37324 19.0096 6.78261 19.1473 7.19722 19.2543C8.21582 19.5181 9.26573 19.5945 10.2812 19.4939C9.26534 19.3944 8.28385 19.1285 7.38649 18.7167C7.0211 18.5492 6.6694 18.3579 6.33426 18.1453C6.2752 18.1208 6.13648 18.0914 6.07515 18.1095C4.42269 18.3054 2.7729 18.5143 1.12579 18.7364L2.03879 19.6494C2.48344 18.0479 2.91503 16.4438 3.33357 14.8371C3.35972 14.664 3.32394 14.2788 3.23553 14.1278C2.72318 12.9755 2.49424 11.7253 2.5507 10.4939C2.6593 7.04218 5.22776 3.97719 8.47013 3.21367C9.06031 3.06736 9.66834 2.99123 10.2812 2.98613C14.2552 2.86299 18.0352 6.27119 18.2122 10.4939C18.4548 13.7608 16.4801 17.2305 13.1764 18.7165C12.2783 19.1285 11.2985 19.3943 10.2812 19.4939ZM10.2812 19.4939" 
+        fill={borderColor}/>
+    </Svg>
+  );
+}

package/src/icons/checkMark.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function CheckMark({ width = 20, height = 20, color = "#000000", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+    <Path d="M17.5 10C17.5536 9.21356 17.4814 8.41199 17.2791 7.63477C16.5118 4.49558 13.43 1.95672 10 1.9C5.6827 1.64517 1.58702 5.56507 1.7 10C1.7 10 1.7 10 1.7 10C1.58702 14.4349 5.6827 18.3548 10 18.1C13.43 18.0433 16.5118 15.5044 17.2791 12.3652C17.4814 11.588 17.5536 10.7864 17.5 10C17.4469 10.7866 17.2736 11.5544 16.99 12.2713C15.8725 15.1705 12.9037 17.0496 10 16.9C6.32811 16.838 3.22018 13.5543 3.3 10C3.3 10 3.3 10 3.3 10C3.22018 6.44575 6.32811 3.16203 10 3.1C12.9037 2.95038 15.8725 4.8295 16.99 7.72872C17.2736 8.4456 17.4469 9.21339 17.5 10ZM17.5 10" fill={color}/>
+    <Path d="M13.75 6.875C13.5856 6.98779 13.4233 7.10229 13.2629 7.2185C11.8202 8.26445 10.5428 9.44933 9.43078 10.7731C8.91633 11.3856 8.43728 12.0277 7.99363 12.6997L8.99155 12.6826C8.29023 12.0639 7.54254 11.4869 6.7485 10.9517C6.58431 10.841 6.41815 10.7321 6.25 10.625C6.33886 10.8035 6.42971 10.9801 6.52254 11.155C6.97148 12.0009 7.46679 12.805 8.00845 13.5674C8.32853 13.8499 8.77101 13.9066 9.00637 13.5503C9.59161 12.9974 10.1415 12.4147 10.6559 11.8022C11.7679 10.4784 12.7145 9.0157 13.4957 7.41403C13.5825 7.23607 13.6673 7.05639 13.75 6.875Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/close.tsx

@@ -0,0 +1,14 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Close({ width = 20, height = 20, color = "#000000", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+    <Path d="M17.5 10C17.5536 9.21356 17.4814 8.41199 17.2791 7.63477C16.5118 4.49558 13.43 1.95672 10 1.9C5.6827 1.64517 1.58702 5.56507 1.7 10C1.7 10 1.7 10 1.7 10C1.58702 14.4349 5.6827 18.3548 10 18.1C13.43 18.0433 16.5118 15.5044 17.2791 12.3652C17.4814 11.588 17.5536 10.7864 17.5 10C17.4469 10.7866 17.2736 11.5544 16.99 12.2713C15.8725 15.1705 12.9037 17.0496 10 16.9C6.32811 16.838 3.22018 13.5543 3.3 10C3.3 10 3.3 10 3.3 10C3.22018 6.44575 6.32811 3.16203 10 3.1C12.9037 2.95038 15.8725 4.8295 16.99 7.72872C17.2736 8.4456 17.4469 9.21339 17.5 10ZM17.5 10" fill={color}/>
+    <Path d="M12.4343 12.5657C12.3887 12.4446 12.3412 12.3255 12.2918 12.2082C11.8473 11.1527 11.25 10.25 10.5 9.5C9.75 8.75 8.84727 8.15274 7.79179 7.7082C7.67452 7.65881 7.55536 7.61131 7.43431 7.56569C7.47994 7.68673 7.52744 7.80589 7.57683 7.92317C8.02136 8.97864 8.61863 9.88137 9.36863 10.6314C10.1186 11.3814 11.0214 11.9786 12.0768 12.4232C12.1941 12.4726 12.3133 12.5201 12.4343 12.5657Z" fill={color}/>
+    <Path d="M7.56569 12.5657C7.61131 12.4446 7.65881 12.3255 7.70821 12.2082C8.15274 11.1527 8.75 10.25 9.5 9.5C10.25 8.75 11.1527 8.15274 12.2082 7.7082C12.3255 7.65881 12.4446 7.61131 12.5657 7.56569C12.5201 7.68673 12.4726 7.80589 12.4232 7.92317C11.9786 8.97864 11.3814 9.88137 10.6314 10.6314C9.88137 11.3814 8.97864 11.9786 7.92317 12.4232C7.80589 12.4726 7.68673 12.5201 7.56569 12.5657Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/dark_mode.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function DarkMode({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+    <Path d="M10.0508 0.0473633C9.8145 0.679921 9.6702 1.35395 9.62726 2.04053C9.60847 2.34078 9.60836 2.64078 9.62781 2.94283C9.7756 6.45055 12.9917 9.68006 16.7617 9.73652C17.5022 9.76246 18.2507 9.67763 18.9722 9.48674L17.9864 8.7748C17.9866 8.88062 17.9875 8.96913 17.9843 9.04053C17.9139 13.2703 14.2624 16.9106 10.1627 17.0307C10.0299 17.0372 9.89627 17.0406 9.76172 17.0408C5.51713 17.1422 1.58661 13.4336 1.50894 9.04053C1.32054 5.50005 3.66287 1.87828 7.23938 0.596856C8.04077 0.301239 8.8914 0.119572 9.76172 0.0603597C9.85759 0.0537756 9.95424 0.0509586 10.0508 0.0473633C9.95466 0.0376812 9.85863 0.0272727 9.76172 0.020695C8.88778 -0.0389836 7.99868 0.0299705 7.13076 0.23271C3.26274 1.07191 0.083602 4.8316 0.0145024 9.04053C-0.296306 14.2354 4.41841 19.172 9.76172 19.0403C9.92909 19.0404 10.0956 19.0364 10.2611 19.0283C15.4238 18.892 19.8188 14.0762 19.5392 9.04053C19.5359 8.91845 19.5273 8.81368 19.5214 8.72618C19.4862 8.1792 19.0558 7.84138 18.5356 8.01423C17.966 8.2066 17.3682 8.31912 16.7617 8.34453C13.7017 8.53896 10.5827 6.1757 10.0049 2.89561C9.95126 2.61391 9.91502 2.3297 9.89618 2.04053C9.85275 1.3797 9.90355 0.706457 10.0508 0.0473633ZM10.0508 0.0473633" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/document.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Document({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+<Path d="M16.25 8.64258C16.1967 9.49786 16.146 10.3531 16.098 11.2084C16.0037 12.8889 15.9197 14.5695 15.8459 16.25C15.8256 16.6358 15.6472 17.0004 15.3713 17.2463C15.0969 17.4944 14.7291 17.6216 14.375 17.6023C11.4583 17.4952 8.54167 17.4191 5.625 17.3741C5.33033 17.3675 5.04402 17.24 4.84437 17.0306C4.64318 16.8226 4.53077 16.5354 4.53587 16.25C4.54529 15.1131 4.55 13.9763 4.55 12.8394C4.55 9.8096 4.51654 6.7798 4.44961 3.75C4.43762 3.44213 4.55274 3.12663 4.76901 2.89401C4.98346 2.66006 5.29696 2.5123 5.625 2.49901C6.91081 2.4614 8.19661 2.41777 9.48242 2.36811C9.68046 2.35473 9.88839 2.42356 10.045 2.5621C11.5709 3.96782 13.108 5.3625 14.6561 6.74609C15.0505 7.09859 15.4457 7.45037 15.8415 7.80143C16.0765 8.00699 16.2306 8.31479 16.25 8.64258C16.2717 8.31533 16.1563 7.97255 15.9264 7.71654C15.5754 7.32068 15.2236 6.92555 14.8711 6.53113C13.4875 4.983 12.0928 3.44594 10.6871 1.91997C10.3821 1.59368 9.93942 1.39302 9.4825 1.38189C8.19661 1.33223 6.91081 1.2886 5.625 1.25099C4.97014 1.23417 4.3074 1.49078 3.82934 1.95434C3.3481 2.41424 3.05884 3.07498 3.05039 3.75C2.98346 6.7798 2.95 9.8096 2.95 12.8394C2.95 13.9763 2.95471 15.1131 2.96413 16.25C2.96569 16.9475 3.25767 17.6366 3.75398 18.121C4.24684 18.6092 4.93678 18.886 5.625 18.8759C8.54167 18.8309 11.4583 18.7548 14.375 18.6477C15.0038 18.6319 15.6123 18.3547 16.0304 17.9054C16.452 17.4588 16.6779 16.8471 16.6541 16.25C16.5803 14.5695 16.4963 12.8889 16.402 11.2084C16.354 10.3531 16.3033 9.49786 16.25 8.64258ZM16.25 8.64258" fill={color}/>
+<Path d="M10 2.1875C9.94667 2.37647 9.896 2.56545 9.848 2.75442C9.49912 4.12795 9.29112 5.50147 9.22399 6.875C9.20562 7.40607 9.41867 7.94608 9.80043 8.32457C9.80043 8.32457 9.80043 8.32457 9.80043 8.32457C10.1789 8.70633 10.7189 8.91938 11.25 8.90101C12.6235 8.83388 13.9971 8.62588 15.3706 8.277C15.5596 8.229 15.7485 8.17833 15.9375 8.125C15.7485 8.07167 15.5596 8.021 15.3706 7.973C13.9971 7.62412 12.6235 7.41612 11.25 7.34899C11.1258 7.33297 11.015 7.27644 10.9318 7.1932C10.9318 7.1932 10.9318 7.1932 10.9318 7.1932C10.8486 7.11001 10.792 6.99919 10.776 6.875C10.7089 5.50147 10.5009 4.12795 10.152 2.75442C10.104 2.56545 10.0533 2.37647 10 2.1875Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/email.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Email({ width = 20, height = 15, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 15" fill="none" {...props}>
+    <Path d="M17.1924 0.86377C15.9303 0.780436 14.6682 0.70127 13.4061 0.62627C9.33483 0.38434 5.26361 0.185766 1.19238 0.0305469L0.392091 3.51071e-05L0.35916 0.86377C0.200303 5.03044 0.0868574 9.1971 0.0188243 13.3638L-1.95503e-05 14.5179L1.19238 14.5373C4.31347 14.5883 7.43457 14.6138 10.5557 14.6138C13.1012 14.6138 15.6468 14.5968 18.1924 14.5629L19.3754 14.5787L19.3915 13.3638C19.3405 9.53044 19.251 5.6971 19.1231 1.86377L19.1702 0.180419L17.6868 1.08239C14.9146 3.01027 12.1587 4.96317 9.41887 6.94108L9.98502 6.95408C8.63109 6.08766 7.27325 5.22672 5.91149 4.37127C4.84088 3.69871 3.76784 3.02954 2.69238 2.36377C3.67097 3.16517 4.65197 3.96317 5.6354 4.75779C6.88627 5.7685 8.14105 6.77372 9.39975 7.77346L9.70941 7.97162L9.96589 7.78646C12.8928 6.0977 15.8035 4.38393 18.698 2.64515L17.2617 1.86377C17.1338 5.6971 17.0443 9.53044 16.9932 13.3638L18.1924 12.1646C15.6468 12.1307 13.1012 12.1138 10.5557 12.1138C7.43457 12.1138 4.31348 12.1392 1.19238 12.1902L2.36594 13.3638C2.29791 9.1971 2.18446 5.03044 2.02561 0.86377L1.19238 1.69699C5.26361 1.54177 9.33483 1.3432 13.4061 1.10127C14.6682 1.02627 15.9303 0.947103 17.1924 0.86377Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/eye.tsx

@@ -0,0 +1,14 @@
+import Svg, { Circle, Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Eye({ width = 21, height = 14, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 21 14" fill="none" {...props}>
+<Circle cx="10.4997" cy="6.97877" r="3.86842" transform="rotate(90 10.4997 6.97877)" fill={color}/>
+<Path d="M0 5.32095C0.339386 5.14388 0.69045 4.97075 1.03954 4.80202C4.16374 3.34651 7.40783 1.88228 10.5 1.7999C10.5 1.7999 10.5 1.7999 10.5 1.7999C13.5922 1.88228 16.8363 3.34651 19.9605 4.80202C20.3095 4.97075 20.6606 5.14388 21 5.32095C20.7317 5.04722 20.443 4.77848 20.1505 4.51769C17.5045 2.24747 14.4107 0.146495 10.5 -9.76324e-05C10.5 -9.76324e-05 10.5 -9.76324e-05 10.5 -9.76324e-05C6.58929 0.146495 3.49553 2.24747 0.849479 4.51769C0.556997 4.77848 0.26826 5.04722 0 5.32095Z" fill={color}/>
+<Path d="M21 8.63656C20.6606 8.81364 20.3095 8.98677 19.9605 9.1555C16.8363 10.611 13.5922 12.0752 10.5 12.1576C10.5 12.1576 10.5 12.1576 10.5 12.1576C7.40784 12.0752 4.16374 10.611 1.03954 9.1555C0.690453 8.98677 0.339388 8.81364 0 8.63656C0.268261 8.9103 0.556999 9.17904 0.84948 9.43983C3.49553 11.7101 6.58929 13.811 10.5 13.9576C10.5 13.9576 10.5 13.9576 10.5 13.9576C14.4107 13.811 17.5045 11.7101 20.1505 9.43983C20.443 9.17904 20.7317 8.9103 21 8.63656Z" fill={color}/>
+   </Svg>
+    )
+}

package/src/icons/eye_off.tsx

@@ -0,0 +1,17 @@
+
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function EyeOff({ width = 23, height = 8, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 23 8" fill="none" {...props}>
+<Path d="M23 0.000195503C22.622 0.16407 22.2344 0.322078 21.8475 0.477051C18.3925 1.80824 14.8548 3.12768 11.5 3.2002C11.5 3.2002 11.5 3.2002 11.5 3.2002C8.14519 3.12768 4.6075 1.80825 1.15251 0.477051C0.7656 0.322078 0.377968 0.16407 0 0.000195503C0.30625 0.276485 0.631594 0.544936 0.962154 0.805935C3.9365 3.08026 7.37058 5.07852 11.5 5.2002C11.5 5.2002 11.5 5.2002 11.5 5.2002C15.6294 5.07852 19.0635 3.08026 22.0378 0.805935C22.3684 0.544936 22.6937 0.276485 23 0.000195503Z" fill={color}/>
+<Path d="M4.39471 2.7499C3.88613 2.31887 3.37754 1.88784 2.86896 1.4568C2.85554 1.49829 2.82918 1.5541 2.80811 1.60343C2.39088 2.52307 1.93317 3.44608 1.31795 4.28361C1.28392 4.3292 1.24656 4.37621 1.21078 4.4209C1.21078 4.4209 1.21078 4.4209 1.21078 4.4209C1.26539 4.40371 1.32255 4.38355 1.37703 4.36429C2.37668 3.98933 3.31473 3.44243 4.2372 2.85551C4.28876 2.82191 4.33912 2.78947 4.39471 2.7499Z" fill={color}/>
+<Path d="M9.39046 4.38933C8.77859 4.12464 8.16672 3.85995 7.55485 3.59526C7.55157 3.64459 7.54072 3.70999 7.53206 3.76979C7.3563 4.86086 7.16693 5.97325 6.73852 7.01386C6.71365 7.07044 6.68501 7.12914 6.65687 7.18408C6.70948 7.15177 6.76415 7.114 6.8158 7.07732C7.74787 6.36794 8.51249 5.46175 9.26454 4.54988C9.30668 4.49682 9.34742 4.44648 9.39046 4.38933Z" fill={color}/>
+<Path d="M15.4448 3.59531C14.8329 3.85997 14.221 4.12462 13.6092 4.38927C13.6522 4.44643 13.6929 4.49678 13.7351 4.54984C14.4871 5.46177 15.2517 6.36802 16.1838 7.07733C16.2355 7.11401 16.2902 7.15178 16.3428 7.18408C16.3146 7.12914 16.286 7.07044 16.2611 7.01386C15.8326 5.97329 15.6433 4.8609 15.4676 3.76984C15.4589 3.71005 15.4481 3.64464 15.4448 3.59531Z" fill={color}/>
+<Path d="M20.131 1.45677C19.6223 1.88774 19.1137 2.31871 18.6051 2.74967C18.6606 2.78927 18.711 2.82171 18.7626 2.85532C19.685 3.44239 20.6231 3.9894 21.6228 4.3643C21.6773 4.38356 21.7345 4.40372 21.7891 4.4209C21.7533 4.37621 21.7159 4.32921 21.6819 4.28362C21.0666 3.44612 20.6089 2.52307 20.1918 1.6034C20.1707 1.55407 20.1444 1.49825 20.131 1.45677Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/homeIcon.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import { IconType } from "../types/iconType";
+
+
+export default function Home({ 
+  width = 21, 
+  height = 20, 
+  fillColor = "#13AC6F",
+  borderColor = "#111111",
+}: IconType) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 21 20" fill="none">
+      {/* Interior fill — transparent when inactive */}
+      <Path
+        d="M15.1797 19.1138H5.17969C4.07512 19.1138 3.17969 18.2183 3.17969 17.1138V10.6138H1.17969L10.1797 1.11377L19.1797 10.1138H17.1797V17.1138C17.1797 18.2183 16.2843 19.1138 15.1797 19.1138Z"
+        fill={fillColor}
+      />
+      {/* Border/outline — always visible, color follows theme */}
+      <Path
+        d="M5.17969 19.1138C6.17298 19.1671 7.16627 19.2178 8.15957 19.2658C10.4996 19.3788 12.8396 19.4771 15.1797 19.5606C16.481 19.6325 17.7284 18.4758 17.7297 17.1138C17.7997 14.7804 17.8551 12.4471 17.8957 10.1138L17.1797 10.8297C17.8464 10.8413 18.513 10.8517 19.1797 10.8609L20.9767 10.877L19.708 9.58543C17.9281 7.75574 16.1358 5.9385 14.331 4.13371C13.1358 2.9385 11.9351 1.74875 10.729 0.564465L10.1748 6.91414e-05L9.61574 0.579506C6.64468 3.77358 3.71095 7.00303 0.814547 10.2678L-0.000202537 11.0907L1.17969 11.1168C1.84635 11.0949 2.51302 11.0719 3.17969 11.0477L2.74574 10.6138C2.82444 12.7804 2.91582 14.9471 3.01989 17.1138C3.02249 17.1723 3.02738 17.2299 3.03462 17.2877C3.15066 18.3698 4.17559 19.1927 5.17969 19.1138C4.16879 19.0784 3.34196 18.192 3.33765 17.2634C3.33626 17.2134 3.3369 17.1638 3.33948 17.1138C3.44355 14.9471 3.53494 12.7804 3.61363 10.6138L3.59732 10.1647L3.17969 10.1798C2.51302 10.1556 1.84635 10.1326 1.17969 10.1108L1.54483 10.9597C4.64843 7.89118 7.7147 4.78729 10.7436 1.64803L9.63038 1.66307C10.8147 2.8692 12.0044 4.06987 13.1996 5.26508C15.0044 7.06987 16.8217 8.86221 18.6514 10.6421L19.1797 9.36659C18.513 9.37579 17.8464 9.38619 17.1797 9.39779L16.4515 9.41046L16.4637 10.1138C16.5043 12.4471 16.5596 14.7804 16.6297 17.1138C16.6828 17.8824 16.009 18.6469 15.1797 18.6669C12.8396 18.7504 10.4996 18.8487 8.15957 18.9618C7.16627 19.0098 6.17298 19.0604 5.17969 19.1138ZM5.17969 19.1138"
+        fill={borderColor}
+      />
+    </Svg>
+  );
+}

package/src/icons/humberger.tsx

@@ -0,0 +1,15 @@
+
+import Svg, { Circle, Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Humberger({ width = 24, height = 14, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 24 14" fill="none" {...props}>
+<Path d="M0 1C0.4 1.06667 0.8 1.13 1.2 1.19C4.8 1.73 8.4 2 12 2C15.6 2 19.2 1.73 22.8 1.19C23.2 1.13 23.6 1.06667 24 1C23.6 0.933333 23.2 0.87 22.8 0.81C19.2 0.27 15.6 0 12 0C8.4 0 4.8 0.27 1.2 0.81C0.8 0.87 0.4 0.933333 0 1Z" fill={color}/>
+<Path d="M0 7C0.4 7.06667 0.8 7.13 1.2 7.19C4.8 7.73 8.4 8 12 8C15.6 8 19.2 7.73 22.8 7.19C23.2 7.13 23.6 7.06667 24 7C23.6 6.93333 23.2 6.87 22.8 6.81C19.2 6.27 15.6 6 12 6C8.4 6 4.8 6.27 1.2 6.81C0.8 6.87 0.4 6.93333 0 7Z" fill={color}/>
+<Path d="M0 13C0.4 13.0667 0.8 13.13 1.2 13.19C4.8 13.73 8.4 14 12 14C15.6 14 19.2 13.73 22.8 13.19C23.2 13.13 23.6 13.0667 24 13C23.6 12.9333 23.2 12.87 22.8 12.81C19.2 12.27 15.6 12 12 12C8.4 12 4.8 12.27 1.2 12.81C0.8 12.87 0.4 12.9333 0 13Z" fill={color}/>
+   </Svg>
+    )
+}

package/src/icons/information.tsx

@@ -0,0 +1,16 @@
+
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Information({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+<Path d="M9.6875 2.5C8.9338 2.44637 8.1649 2.51336 7.41876 2.7055C4.40494 3.43287 1.95835 6.38962 1.9 9.6875C1.64849 13.8383 5.41906 17.7847 9.6875 17.675C13.9559 17.7847 17.7265 13.8383 17.475 9.6875C17.4167 6.38962 14.9701 3.43287 11.9562 2.7055C11.2101 2.51336 10.4412 2.44637 9.6875 2.5C10.4414 2.55309 11.1765 2.72118 11.8623 2.99463C14.6362 4.07234 16.4229 6.91554 16.275 9.6875C16.2093 13.1935 13.0759 16.1511 9.6875 16.075C9.6875 16.075 9.6875 16.075 9.6875 16.075C6.29913 16.1511 3.16573 13.1935 3.1 9.6875C2.95215 6.91554 4.73878 4.07234 7.51267 2.99463C8.19849 2.72118 8.93363 2.55309 9.6875 2.5ZM9.6875 2.5" fill={color}/>
+<Path d="M8.59375 8.59375C8.6901 8.64708 8.78646 8.69775 8.88281 8.74575C9.20312 8.90532 9.52344 9.03542 9.84375 9.13604L9.30146 8.59375C9.12965 9.14062 9.04375 9.6875 9.04375 10.2344C9.04375 11.1016 9.25975 11.9688 9.69175 12.8359C9.73975 12.9323 9.79042 13.0286 9.84375 13.125C9.89708 13.0286 9.94775 12.9323 9.99575 12.8359C10.4277 11.9688 10.6437 11.1016 10.6437 10.2344C10.6437 9.6875 10.5578 9.14062 10.386 8.59375C10.2941 8.30108 10.1364 7.95951 9.84375 8.05146C9.52344 8.15208 9.20312 8.28218 8.88281 8.44175C8.78646 8.48975 8.6901 8.54042 8.59375 8.59375Z" fill={color}/>
+<Path d="M8.125 13.2812C8.18229 13.3346 8.23958 13.3853 8.29688 13.4332C8.8125 13.8652 9.32812 14.0813 9.84375 14.0813C10.3594 14.0813 10.875 13.8652 11.3906 13.4332C11.4479 13.3853 11.5052 13.3346 11.5625 13.2812C11.5052 13.2279 11.4479 13.1772 11.3906 13.1293C10.875 12.6973 10.3594 12.4812 9.84375 12.4812C9.32812 12.4812 8.8125 12.6973 8.29688 13.1293C8.23958 13.1772 8.18229 13.2279 8.125 13.2812Z" fill={color}/>
+<Path d="M9.82188 5.07812C9.59443 5.07812 9.37209 5.14557 9.18297 5.27193C8.99385 5.3983 8.84645 5.5779 8.75941 5.78804C8.67237 5.99817 8.6496 6.2294 8.69397 6.45248C8.73835 6.67556 8.84787 6.88047 9.0087 7.0413C9.16953 7.20213 9.37444 7.31165 9.59752 7.35603C9.8206 7.4004 10.0518 7.37763 10.262 7.29059C10.4721 7.20355 10.6517 7.05615 10.7781 6.86703C10.9044 6.67791 10.9719 6.45557 10.9719 6.22812C10.9719 5.92313 10.8507 5.63062 10.635 5.41495C10.4194 5.19929 10.1269 5.07812 9.82188 5.07812Z" fill={color}/>
+   </Svg>
+    )
+}

package/src/icons/light_mode.tsx

@@ -0,0 +1,26 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function LightMode({ width = 24, height = 24, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+<G clip-path="url(#clip0_1714_15036)">
+<Path d="M12 16C11.5804 15.9335 11.183 15.8049 10.8222 15.6245C9.36153 14.9033 8.5962 13.3604 8.75 12C8.89656 10.2723 10.4192 8.96925 12 9C13.5808 8.96925 15.1034 10.2723 15.25 12C15.4038 13.3604 14.6385 14.9033 13.1778 15.6245C12.817 15.8049 12.4196 15.9335 12 16C12.4194 16.0668 12.859 16.0646 13.2952 15.9859C15.0557 15.7028 16.6461 14.0176 16.75 12C17.0002 9.46645 14.6805 6.92713 12 7C12 7 12 7 12 7C9.31946 6.92713 6.99983 9.46645 7.25 12C7.35389 14.0176 8.94429 15.7028 10.7048 15.9859C11.141 16.0646 11.5806 16.0668 12 16ZM12 16" fill={color}/>
+<Path d="M12 20V21" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M12 3V4" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M4 12L3 12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M21 12L20 12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M6.34375 17.6567L5.63664 18.3638" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M18.3633 5.63599L17.6562 6.34309" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M6.34375 6.34326L5.63664 5.63615" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+<Path d="M18.3633 18.364L17.6562 17.6569" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+</G>
+<Defs>
+<ClipPath id="clip0_1714_15036">
+<Rect width={width} height={height} fill="white" transform="matrix(0 1 -1 0 24 0)"/>
+</ClipPath>
+</Defs>   </Svg>
+    )
+}

package/src/icons/lock_closed.tsx

@@ -0,0 +1,14 @@
+
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function LockClosed({ width = 17, height = 24, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 17 24" fill="none" {...props}>
+<Path d="M10.1904 9.54541C10.1731 9.94323 10.3159 10.3248 10.5975 10.6061C10.8785 10.8874 11.2752 11.0454 11.6904 11.0454C12.1056 11.0454 12.5024 10.8874 12.7834 10.6061C13.065 10.3248 13.2078 9.94323 13.1904 9.54541C13.1748 9.1824 13.1592 8.81939 13.1436 8.45638C13.091 7.23605 13.0385 6.01573 12.986 4.79541C12.9482 3.47231 12.3631 2.19525 11.4185 1.31731C10.4797 0.432025 9.1959 -0.0435877 7.94043 0.00339949C6.68379 0.0414076 5.47272 0.599188 4.64161 1.49659C3.80348 2.38862 3.3552 3.6064 3.40196 4.79541C3.46166 6.1824 3.52135 7.56939 3.58105 8.95638C3.59668 9.31939 3.6123 9.6824 3.62793 10.0454C3.63417 10.1883 3.69889 10.3254 3.80428 10.4264C3.90987 10.5275 4.04748 10.5842 4.19043 10.5842C4.33338 10.5842 4.47099 10.5275 4.57658 10.4264C4.68197 10.3254 4.74669 10.1883 4.75293 10.0454C4.76855 9.6824 4.78418 9.31939 4.7998 8.95638C4.8595 7.56939 4.9192 6.1824 4.9789 4.79541C5.0186 4.01863 5.37906 3.28392 5.93595 2.79093C6.48987 2.29332 7.23128 2.04235 7.94043 2.08742C8.65074 2.12735 9.31947 2.46048 9.76563 2.97021C10.2161 3.47729 10.4397 4.15273 10.3949 4.79541C10.3424 6.01573 10.2898 7.23605 10.2373 8.45638C10.2217 8.81939 10.2061 9.1824 10.1904 9.54541Z" fill={color}/>
+<Path d="M0.69043 10.1704C0.69043 10.4204 0.69043 10.6704 0.69043 10.9204C1.59043 11.0037 2.49043 11.0787 3.39043 11.1454C6.99043 11.4121 10.5904 11.5454 14.1904 11.5454C14.6904 11.5454 15.1904 11.5451 15.6904 11.5446L14.6913 10.5454C14.6959 14.5454 14.7187 18.5454 14.7599 22.5454L15.6904 21.6149C10.6904 21.6663 5.69043 21.7463 0.69043 21.8549L1.38093 22.5454C1.3136 19.4454 1.23529 16.3454 1.14599 13.2454C1.12006 12.3454 1.09321 11.4454 1.06543 10.5454C0.81543 10.5454 0.56543 10.5454 0.31543 10.5454C0.287652 11.4454 0.2608 12.3454 0.234874 13.2454C0.145574 16.3454 0.0672587 19.4454 -7.09891e-05 22.5454L0.0152447 23.2506L0.69043 23.2359C5.69043 23.3445 10.6904 23.4245 15.6904 23.476L16.6305 23.4663L16.621 22.5454C16.6621 18.5454 16.685 14.5454 16.6896 10.5454L16.6884 9.54513L15.6904 9.54627C15.1904 9.5457 14.6904 9.54541 14.1904 9.54541C10.5904 9.54541 6.99043 9.67874 3.39043 9.94541C2.49043 10.0121 1.59043 10.0871 0.69043 10.1704ZM0.69043 10.9204V10.1704L0.304957 10.2061L0.31543 10.5454H1.06543L0.69043 10.9204Z" fill={color}/>
+  </Svg>
+    )
+}

package/src/icons/logout.tsx

@@ -0,0 +1,14 @@
+
+import Svg, {Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Logout({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+    <Path d="M10.1 11.5596C10 12.2626 9.905 12.9656 9.815 13.6687C9.73431 14.299 9.65764 14.9293 9.58499 15.5596L9.98518 15.0575C7.04295 15.3827 4.12022 15.7932 1.21699 16.2889L2.76943 17.5264C2.92314 14.77 3 12.0136 3 9.25727C3 6.6934 2.9335 4.12954 2.80051 1.56567L1.20627 2.83258C4.10741 3.34851 7.02834 3.7791 9.96906 4.12436L9.52023 3.55957C9.61167 4.38034 9.70993 5.20111 9.815 6.02189C9.905 6.72492 10 7.42796 10.1 8.131C10.2 7.42796 10.295 6.72492 10.385 6.02189C10.4901 5.20111 10.5883 4.38034 10.6798 3.55957L10.622 3.04069L10.2309 2.99478C7.43833 2.01077 4.62592 1.1121 1.79373 0.29877L0.11921 -5.3525e-05L0.199491 1.56567C0.0664971 4.12954 0 6.6934 0 9.25727C0 12.0136 0.0768576 14.77 0.230573 17.5264L0.32198 19.1838L1.78301 18.7638C4.61311 17.9484 7.42372 17.0476 10.2148 16.0616L10.655 15.9061L10.615 15.5596C10.5424 14.9293 10.4657 14.299 10.385 13.6687C10.295 12.9656 10.2 12.2626 10.1 11.5596Z" fill={color}/>
+    <Path d="M3.90039 9.55947C4.35631 9.62614 4.81223 9.68947 5.26815 9.74947C7.92802 10.0995 10.5879 10.3361 13.2478 10.4592L14.104 10.4989L14.1475 9.55947C14.2031 8.35947 14.2355 7.15947 14.2449 5.95947L12.6691 6.77157C12.8663 6.91437 13.064 7.0564 13.2622 7.19765C14.7482 8.2564 16.2651 9.27167 17.813 10.2435V8.87548C16.1991 10.174 14.6249 11.5284 13.0905 12.9387L13.5188 13.1595C13.4925 12.9487 13.4655 12.738 13.4378 12.5272C13.3778 12.0713 13.3144 11.6154 13.2478 11.1595C13.1811 11.6154 13.1178 12.0713 13.0578 12.5272C13.03 12.738 13.003 12.9487 12.9767 13.1595L13.0316 13.7071L13.4051 13.3802C15.2391 12.3905 17.0333 11.3449 18.7877 10.2435L19.7431 9.47799L18.7877 8.87548C17.3637 7.72978 15.9087 6.62756 14.4228 5.56881C14.2245 5.42756 14.0257 5.28708 13.8264 5.14737L12.2385 4.03098L12.2506 5.95947C12.26 7.15947 12.2924 8.35947 12.348 9.55947L13.2478 8.6597C10.5879 8.78284 7.92802 9.01943 5.26815 9.36947C4.81223 9.42947 4.35631 9.49281 3.90039 9.55947Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/person.tsx

@@ -0,0 +1,14 @@
+
+import Svg, {Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Person({ width = 14, height = 19, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 14 19" fill="none" {...props}>
+    <Path d="M4.65723 11.7686C5.1714 11.8352 5.68557 11.8986 6.19974 11.9586C7.0189 12.0541 7.83807 12.1413 8.65723 12.2199C10.5526 12.3971 11.9014 14.1304 11.7683 15.7686C11.7334 16.3605 11.1937 16.8173 10.6572 16.7854C9.99056 16.7742 9.32389 16.7686 8.65723 16.7686C6.65723 16.7686 4.65723 16.819 2.65723 16.9199C2.05185 16.9914 1.37623 16.4915 1.30599 15.7686C1.16623 14.4433 1.88439 12.9731 3.22379 12.2373C3.6546 11.9972 4.14261 11.8349 4.65723 11.7686C4.14298 11.7014 3.60257 11.7376 3.08074 11.8853C1.46459 12.316 0.106846 13.9124 0.00846058 15.7686C-0.113588 17.1763 1.13196 18.5975 2.65723 18.6173C4.65723 18.7181 6.65723 18.7686 8.65723 18.7686C9.32389 18.7686 9.99056 18.763 10.6572 18.7517C12.2514 18.7716 13.6329 17.3073 13.5461 15.7686C13.5166 13.1454 11.0232 11.0364 8.65723 11.3172C7.83807 11.3958 7.0189 11.483 6.19974 11.5786C5.68557 11.6386 5.1714 11.7019 4.65723 11.7686ZM4.65723 11.7686" fill={color}/>
+<Path d="M2.65723 4.76855C2.72377 4.34895 2.85236 3.95151 3.03272 3.59073C3.75388 2.13009 5.29682 1.36475 6.65723 1.51855C8.38497 1.66511 9.68797 3.1878 9.65723 4.76855C9.68797 6.34931 8.38497 7.87199 6.65723 8.01855C5.29682 8.17236 3.75388 7.40702 3.03272 5.94637C2.85236 5.5856 2.72377 5.18816 2.65723 4.76855C2.59038 5.18796 2.59258 5.62757 2.67129 6.06374C2.95446 7.82427 4.63961 9.41467 6.65723 9.51855C9.19078 9.76873 11.7301 7.44909 11.6572 4.76855C11.6572 4.76855 11.6572 4.76855 11.6572 4.76855C11.7301 2.08802 9.19078 -0.231619 6.65723 0.0185547C4.63961 0.122441 2.95446 1.71284 2.67129 3.47337C2.59258 3.90954 2.59038 4.34915 2.65723 4.76855ZM2.65723 4.76855" fill={color}/>
+</Svg>
+    )
+}

package/src/icons/phone.tsx

@@ -0,0 +1,13 @@
+
+import Svg, {Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Phone({ width = 21, height = 21, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 21 21" fill="none" {...props}>
+    <Path d="M6.65531 14.3008C6.02897 13.5817 5.42025 12.8543 4.86051 12.0947C3.85586 10.7458 3.0668 9.2794 2.33395 7.76558C1.64203 6.34473 1.0042 4.50345 1.4711 3.48392C1.72615 2.98383 2.14408 2.65741 2.72239 2.30143C3.07028 2.09082 3.4394 1.91043 3.82045 1.76482C3.95906 1.7104 4.12931 1.63789 4.09261 1.65811C4.07536 1.66853 3.94959 1.6865 3.86855 1.66553C3.7878 1.6472 3.77237 1.63174 3.78126 1.64078C3.84352 1.68616 4.05164 1.88824 4.21607 2.0616C4.96665 2.90819 5.73832 4.17788 6.25497 5.25938C6.40712 5.59043 6.57827 6.0168 6.55934 6.03898C6.54873 6.02884 6.58157 5.94124 6.53495 6.03706C6.49022 6.11746 6.3916 6.25713 6.28384 6.40016C6.11704 6.629 5.89785 6.86366 5.66011 7.27447C5.40989 7.67045 5.27828 8.38389 5.40841 8.87707C5.67254 9.86557 6.05397 10.4027 6.46511 11.0464C6.93025 11.7348 7.45578 12.3711 8.04827 12.9569C9.20596 14.0347 10.2744 14.9502 12.0997 15.4944C12.5829 15.616 13.2696 15.4906 13.6615 15.2436C14.0666 15.0083 14.3027 14.7839 14.5341 14.6086C14.6816 14.4939 14.8265 14.3847 14.925 14.323C15.0397 14.2559 14.9861 14.2867 14.9528 14.2751C14.9514 14.2438 15.4019 14.4352 15.7335 14.5966C16.8694 15.1561 18.1393 15.8719 19.0261 16.6285C19.2034 16.7932 19.4058 16.9929 19.4733 17.0811C19.488 17.0977 19.4822 17.0958 19.4707 17.0412C19.4571 16.9865 19.4717 16.8947 19.4781 16.8918C19.4902 16.8842 19.4209 17.0457 19.3682 17.1841C19.2242 17.5737 19.0432 17.9538 18.8284 18.316C18.4776 18.9016 18.1242 19.3638 17.5815 19.6448C16.3659 20.3096 14.5581 19.5169 13.078 18.8328C12.9368 18.7648 12.7956 18.6962 12.6548 18.627C11.8044 18.2095 10.9646 17.7692 10.1494 17.2779C10.8879 17.8784 11.6688 18.4315 12.466 18.9568C12.5981 19.0438 12.7305 19.1301 12.8634 19.2158C14.3128 20.0521 15.9183 21.2828 18.0079 20.5602C18.7911 20.2596 19.41 19.586 19.8375 18.9847C20.1283 18.5807 20.381 18.15 20.5919 17.6978C20.6382 17.5919 20.6966 17.522 20.7849 17.2638C20.8281 17.1358 20.8534 16.9095 20.8085 16.7271C20.7672 16.5456 20.6989 16.4249 20.6438 16.3323C20.4186 15.9846 20.2416 15.8178 20.0551 15.6084C18.9187 14.497 17.7874 13.8013 16.5037 13.0685C16.1282 12.8933 15.899 12.6494 15.1134 12.5118C14.6861 12.4569 14.2468 12.6363 14.0259 12.7663C13.7849 12.9027 13.6172 13.0252 13.4467 13.1453C13.1671 13.3459 12.9203 13.5378 12.7693 13.6108C12.6109 13.6799 12.632 13.6661 12.4947 13.6424C11.5841 13.3498 10.3307 12.4412 9.45109 11.5496C8.96215 11.0556 8.51363 10.5064 8.12372 9.92878C7.78823 9.43646 7.43665 8.79444 7.35377 8.45946C7.33768 8.33377 7.32213 8.38331 7.39049 8.23252C7.46335 8.09055 7.65987 7.84424 7.86487 7.56141C7.98698 7.38942 8.11394 7.21786 8.25405 6.95655C8.39285 6.71451 8.54242 6.23926 8.48511 5.8423C8.36044 5.09262 8.14107 4.83107 7.98038 4.45606C7.25736 3.08983 6.55838 1.99237 5.43331 0.82682C5.22354 0.637233 5.06419 0.459769 4.68979 0.213259C4.58919 0.152787 4.45444 0.0751002 4.24683 0.0274433C4.03771 -0.0244232 3.77745 0.00480568 3.63504 0.05193C3.3476 0.148447 3.28595 0.203068 3.18503 0.245009C2.71842 0.455905 2.27583 0.708237 1.86151 0.998552C1.24806 1.42354 0.524326 2.06225 0.194823 2.88666C-0.458046 5.175 0.670778 6.72319 1.49479 8.2275C2.38881 9.68045 3.38161 11.1065 4.56956 12.3391C5.23194 13.0342 5.93487 13.6761 6.65531 14.3008Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/icons/profileIcon.tsx

@@ -0,0 +1,29 @@
+import Svg, { Circle, ClipPath, Defs, G, Path, Rect } from "react-native-svg";
+import { IconType } from "../types/iconType";
+
+
+export default function Profile({ 
+  width = 24, 
+  height = 24, 
+  fillColor = "transparent",
+  borderColor = "black",
+}: IconType) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 24 24" fill="none">
+      <G clip-path="url(#clip0_1714_15011)">
+        <Path d="M5 18C5 15.7909 6.79086 14 9 14H15C17.2091 14 19 15.7909 19 18C19 19.1046 18.1046 20 17 20H7C5.89543 20 5 19.1046 5 18Z" 
+        fill={fillColor}/>
+        <Path d="M9 14C9.58084 14.0667 10.1617 14.13 10.7425 14.19C12.1617 14.3366 13.5808 14.4633 15 14.5701C16.8308 14.7003 18.2 16.3708 18.0871 18C18.0627 18.5789 17.5354 19.0413 17 19.0132C16.3333 19.0044 15.6667 19 15 19C12.3333 19 9.66667 19.0703 7 19.2108C6.36249 19.2859 5.65648 18.754 5.59116 18C5.46379 16.7079 6.13873 15.2938 7.39201 14.5449C7.8676 14.2564 8.41864 14.0661 9 14C8.41916 13.9326 7.80839 13.997 7.23144 14.2005C5.71722 14.7116 4.50033 16.2472 4.40884 18C4.29171 19.3767 5.50686 20.7659 7 20.7892C9.66667 20.9297 12.3333 21 15 21C15.6667 21 16.3333 20.9956 17 20.9868C18.5952 21.0105 19.9891 19.5518 19.9129 18C19.9036 15.3679 17.4305 13.1961 15 13.4299C13.5808 13.5367 12.1617 13.6634 10.7425 13.81C10.1617 13.87 9.58084 13.9333 9 14ZM9 14" 
+        fill={borderColor}/>
+        <Circle cx={width/2} cy={width/4+1} r={width/8+1} transform="rotate(-180 12 7)" fill={fillColor}/>
+        <Path d="M8 7C8.06655 6.58039 8.19513 6.18295 8.37549 5.82218C9.09666 4.36153 10.6396 3.5962 12 3.75C13.7277 3.89656 15.0307 5.41925 15 7C15.0307 8.58075 13.7277 10.1034 12 10.25C10.6396 10.4038 9.09666 9.63846 8.37549 8.17782C8.19513 7.81704 8.06655 7.41961 8 7C7.93315 7.4194 7.93536 7.85901 8.01407 8.29518C8.29724 10.0557 9.98238 11.6461 12 11.75C14.5335 12.0002 17.0729 9.68054 17 7C17 7 17 7 17 7C17.0729 4.31946 14.5336 1.99983 12 2.25C9.98238 2.35389 8.29724 3.94429 8.01407 5.70482C7.93536 6.14099 7.93315 6.5806 8 7ZM8 7" 
+        fill={borderColor}/>
+        </G>
+        <Defs>
+        <ClipPath id="clip0_1714_15011">
+        <Rect width={width} height={height} fill={fillColor}/>
+        </ClipPath>
+        </Defs>
+    </Svg>
+  );
+}

package/src/icons/settingsIcon.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path } from "react-native-svg";
+import { IconType } from "../types/iconType";
+
+
+export default function Settings({ 
+  width = 24, 
+  height = 24, 
+  fillColor = "transparent",
+  borderColor = "black",
+}: IconType) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 24 24" fill="none">
+      <Path d="M5.39783 5.87909C4.46809 6.88119 3.79297 8.0704 3.39988 9.34448L4.99919 10.2678C6.33252 11.0376 6.33252 12.9621 4.99919 13.7319L3.39817 14.6563C3.59338 15.2863 3.86134 15.9046 4.20504 16.4999C4.54873 17.0952 4.95015 17.6363 5.39816 18.1204L6.99921 17.196C8.33255 16.4262 9.99921 17.3885 9.99921 18.9281L9.99921 20.7749C11.2991 21.0715 12.6666 21.0814 13.9993 20.7773L13.9993 18.9282C13.9993 17.3886 15.666 16.4263 16.9993 17.1961L18.6007 18.1207C19.5304 17.1186 20.2056 15.9294 20.5987 14.6553L18.9993 13.7319C17.666 12.9621 17.666 11.0376 18.9993 10.2678L20.6004 9.34342C20.4051 8.7134 20.1372 8.09517 19.7935 7.49989C19.4498 6.90458 19.0484 6.3634 18.6003 5.87932L16.9993 6.80368C15.666 7.57348 13.9993 6.61123 13.9993 5.07162L13.9993 3.22489C12.6994 2.92828 11.3319 2.91835 9.99921 3.22248L9.99921 5.0716C9.99921 6.6112 8.33255 7.57345 6.99921 6.80365L5.39783 5.87909Z" 
+        fill={fillColor}/>
+        <Path d="M3.39988 9.34448C3.81465 8.22471 4.44596 7.20017 5.24116 6.34417C5.3428 6.23465 5.44709 6.12784 5.55387 6.02387L5.2914 6.06343C5.8099 6.3981 6.32885 6.732 6.84825 7.06513C8.22623 8.04452 10.4986 6.90475 10.4832 5.0716C10.508 4.45523 10.5319 3.83885 10.5548 3.22248L10.1228 3.76418C11.3634 3.53166 12.6439 3.58327 13.8451 3.9008L13.306 3.22489C13.287 3.84047 13.2688 4.45605 13.2515 5.07162C13.1117 7.08657 15.6348 8.6416 17.4252 7.54134C17.9655 7.24471 18.5054 6.94731 19.0448 6.64914L17.948 6.48311C18.35 6.93589 18.7006 7.43261 18.9939 7.96155C19.2873 8.4904 19.5218 9.04874 19.6916 9.625L20.1247 8.51951C19.5872 8.82106 19.0501 9.12337 18.5135 9.42646C16.5658 10.4192 16.5446 13.5746 18.5006 14.5956C19.0329 14.905 19.5655 15.2135 20.0986 15.5213C20.0987 15.5213 20.0987 15.5213 20.0987 15.5213L19.6431 14.3605C19.2911 15.5038 18.6848 16.5672 17.877 17.4492L19.0943 17.2657C18.5586 16.9609 18.0224 16.6568 17.4858 16.3535C15.6323 15.1885 12.9551 16.7836 13.0787 18.9282C13.0884 19.5445 13.099 20.1609 13.1105 20.7773L13.8015 19.9107C12.6269 20.2054 11.3799 20.2347 10.1774 19.994L10.8001 20.7749C10.7848 20.1593 10.7685 19.5437 10.7514 18.9281C10.7954 16.8997 8.27837 15.5698 6.68833 16.6576C6.16525 16.9841 5.6426 17.3113 5.12041 17.6393L5.80585 17.7431C5.35918 17.2975 4.96038 16.7997 4.61825 16.2613C4.27598 15.723 3.99114 15.1455 3.773 14.5402L3.59437 14.9961C4.11462 14.6648 4.63441 14.3326 5.15376 13.9997C5.97092 13.5045 6.36883 12.476 6.15336 11.6018C6.01632 10.9839 5.59144 10.4511 5.04949 10.1807C4.50006 9.9012 3.95019 9.62246 3.39988 9.34448C3.91577 9.68208 4.4321 10.0189 4.94888 10.355C5.41321 10.6533 5.71796 11.1491 5.77948 11.6698C5.87987 12.4156 5.47871 13.1585 4.84461 13.4642C4.29661 13.7475 3.74906 14.0316 3.20196 14.3165L2.92351 14.4938L3.02333 14.7724C3.20291 15.4514 3.46171 16.1126 3.79183 16.7385C4.1217 17.3644 4.52381 17.9568 4.99047 18.4977L5.31808 18.8263L5.67591 18.6015C6.22108 18.3133 6.76581 18.0243 7.31009 17.7345C8.19155 17.2332 9.34346 18.0216 9.24704 18.9281C9.2299 19.5437 9.21365 20.1593 9.19829 20.7749L9.21472 21.4332L9.82104 21.5557C11.2401 21.915 12.7497 21.9496 14.1971 21.6439L14.9011 21.4694L14.8882 20.7773C14.8996 20.1609 14.9102 19.5445 14.92 18.9282C14.903 18.1378 15.8948 17.6146 16.5128 18.0387C17.0438 18.3518 17.5752 18.6641 18.1071 18.9757L18.7968 19.3681L19.3245 18.7922C20.3476 17.7036 21.115 16.3771 21.5542 14.9501L21.7893 14.188L21.0987 13.7893C21.0987 13.7893 21.0987 13.7893 21.0986 13.7893C20.5655 13.4815 20.032 13.1744 19.498 12.8682C18.842 12.5434 18.8208 11.4622 19.485 11.1091C20.0158 10.796 20.5461 10.482 21.076 10.1673L21.7392 9.77345L21.5091 9.06185C21.2812 8.35386 20.9721 7.67352 20.5931 7.03823C20.2144 6.40277 19.764 5.80932 19.2527 5.27553L18.7496 4.75182L18.1559 5.1095C17.6279 5.42756 17.1005 5.7464 16.5734 6.06601C15.8923 6.55486 14.7465 5.99161 14.7471 5.07162C14.7298 4.45605 14.7117 3.84047 14.6926 3.22489L14.6748 2.65105L14.1535 2.54898C12.7331 2.26656 11.257 2.31293 9.87559 2.68077L9.42786 2.80066L9.44358 3.22248C9.46656 3.83885 9.49043 4.45523 9.51519 5.0716C9.64032 6.17338 8.24369 7.15188 7.15018 6.54218C6.60198 6.25893 6.05334 5.97646 5.50426 5.69475L5.34402 5.61255L5.24179 5.73432C5.14115 5.85391 5.04376 5.97597 4.94972 6.10032C4.21379 7.07242 3.68706 8.18559 3.39988 9.34448ZM3.39988 9.34448" 
+        fill={borderColor}/>
+        <Path d="M14 12C13.9334 12.2099 13.8375 12.398 13.7219 12.5596C13.2518 13.2149 12.5159 13.3913 12 13.25C11.3376 13.0775 10.9952 12.5154 11 12C10.9952 11.4846 11.3376 10.9225 12 10.75C12.5159 10.6087 13.2518 10.7851 13.7219 11.4404C13.8375 11.602 13.9334 11.7901 14 12C14.0668 11.7904 14.0973 11.56 14.0833 11.3231C14.0512 10.3678 13.1731 9.36636 12 9.25C10.5318 9.02573 8.95304 10.3848 9 12C9 12 9 12 9 12C8.95304 13.6152 10.5318 14.9743 12 14.75C13.1731 14.6336 14.0512 13.6322 14.0833 12.6769C14.0973 12.44 14.0668 12.2096 14 12ZM14 12" 
+        fill={borderColor}/>
+    </Svg>
+  );
+}
+

package/src/icons/shield.tsx

@@ -0,0 +1,13 @@
+import Svg, {Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Shield({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+   <Path d="M13.125 6.875C12.9832 6.95733 12.8434 7.04141 12.7056 7.12723C11.4657 7.89962 10.389 8.81339 9.47565 9.86852C9.04777 10.3628 8.65573 10.8881 8.29954 11.4445L9.2572 11.4051C8.65206 10.9629 8.00421 10.5642 7.31366 10.2091C7.16931 10.1349 7.02309 10.0626 6.875 9.99219C6.94844 10.1388 7.02375 10.2835 7.10092 10.4263C7.47009 11.1094 7.88197 11.7489 8.33655 12.3449C8.65561 12.5781 9.08111 12.6383 9.29421 12.3055C9.79377 11.8733 10.2575 11.41 10.6854 10.9157C11.5987 9.86055 12.3488 8.66406 12.9355 7.32619C13.0007 7.17754 13.0638 7.02714 13.125 6.875Z" fill={color}/>
+<Path d="M18.0898 4.38945C17.2623 4.18655 16.4341 3.97624 15.6222 3.73636C13.7191 3.19452 11.9477 2.36348 10.1828 1.47023C10.0953 1.42625 9.90799 1.4337 9.81716 1.47023C7.19589 2.58106 4.58727 3.29814 1.78462 3.68982C1.47925 3.73802 1.22665 4.03663 1.20073 4.3447C0.941429 7.28705 1.48074 10.3898 3.03829 12.9944C4.58828 15.5941 6.93303 17.614 9.73426 18.7848C9.85928 18.8382 10.1385 18.8329 10.2657 18.7848C14.9311 16.655 18.1457 11.8819 18.2111 6.95541C18.2415 6.09264 18.197 5.24552 18.0898 4.38945C18.0905 5.25223 18.0328 6.09067 17.9083 6.92772C17.2926 11.7067 13.9173 15.7445 9.73426 17.4652H10.2657C7.89099 16.3557 5.76183 14.4615 4.41547 12.1799C3.04558 9.8834 2.49748 7.16918 2.61951 4.43421L2.03562 5.08909C4.83768 4.58561 7.67812 3.60733 10.1828 2.27977H9.81716C11.659 3.02716 13.5807 3.70616 15.5526 4.0323C16.3949 4.18066 17.2433 4.29149 18.0898 4.38945ZM18.0898 4.38945" fill={color}/>
+</Svg>
+    )
+}

package/src/icons/trash.tsx

@@ -0,0 +1,18 @@
+import Svg, {Path, SvgProps } from "react-native-svg";
+
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Trash({ width = 25, height = 25, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 25 25" fill="none" {...props}>
+   <Path d="M5.46875 5.46875C5.4625 6.22379 5.45892 6.97867 5.45799 7.73338C5.45251 12.2078 5.54058 16.6763 5.72219 21.1389C5.69736 22.2518 6.76128 23.4681 8.00781 23.4246C9.50491 23.4457 11.002 23.4562 12.4991 23.4562C13.9968 23.4562 15.4945 23.4457 16.9922 23.4246C18.2411 23.4712 19.2952 22.2423 19.2779 21.1379C19.4594 16.6763 19.5475 12.2078 19.542 7.73338C19.5411 6.97867 19.5375 6.22379 19.5312 5.46875C19.431 6.21714 19.3335 6.9657 19.2386 7.71442C18.676 12.1533 18.207 16.598 17.8316 21.0486C17.7789 21.5849 17.4268 21.9037 16.9922 21.8879C15.4945 21.8668 13.9968 21.8563 12.4991 21.8563C11.002 21.8563 9.50491 21.8668 8.00781 21.8879C7.57366 21.9038 7.21414 21.5807 7.16889 21.0566C6.79297 16.598 6.32396 12.1533 5.7614 7.71442C5.66651 6.9657 5.56896 6.21714 5.46875 5.46875Z" fill={color}/>
+<Path d="M3.90625 5.46875H21.0938Z" fill={color}/>
+<Path d="M3.90625 4.66875C3.69408 4.65874 3.49059 4.73425 3.34056 4.88445C3.19054 5.03431 3.10625 5.24656 3.10625 5.46875C3.10625 5.69094 3.19054 5.90319 3.34056 6.05305C3.49059 6.20325 3.69408 6.27876 3.90625 6.26875C4.19271 6.25542 4.47917 6.24208 4.76562 6.22875C9.92188 5.98875 15.0781 5.74875 20.2344 5.50875C20.5208 5.49542 20.8073 5.48208 21.0938 5.46875C20.8073 5.45542 20.5208 5.44208 20.2344 5.42875C15.0781 5.18875 9.92188 4.94875 4.76562 4.70875C4.47917 4.69542 4.19271 4.68208 3.90625 4.66875Z" fill={color}/>
+<Path d="M17.0675 4.98943C16.5342 4.99483 16.0009 5.00023 15.4676 5.00563C15.48 4.97116 15.4593 4.76498 15.425 4.63068C15.1057 3.12821 13.0732 2.36557 11.1934 2.27853C9.56173 2.12953 7.62843 2.65572 7.05643 4.39711C6.98992 4.5908 6.93852 4.79445 6.91895 4.9977C6.91895 4.9977 6.91895 4.9977 6.91895 4.9977C6.91185 4.79322 6.93709 4.58165 6.97929 4.3759C7.30017 2.51488 9.41706 1.56533 11.1934 1.52196C13.1182 1.40658 15.8123 1.66592 16.8673 4.15086C16.9628 4.41065 17.0362 4.61606 17.0675 4.98943Z" fill={color}/>
+<Path d="M10.3002 9C9.76686 9 9.23353 9 8.7002 9C8.71353 9.2 8.72686 9.4 8.7402 9.6C8.9802 13.2 9.2202 16.8 9.4602 20.4C9.47353 20.6 9.48686 20.8 9.5002 21C9.51353 20.8 9.52686 20.6 9.5402 20.4C9.7802 16.8 10.0202 13.2 10.2602 9.6C10.2735 9.4 10.2869 9.2 10.3002 9Z" fill={color}/>
+<Path d="M13.3002 9C12.7669 9 12.2335 9 11.7002 9C11.7135 9.2 11.7269 9.4 11.7402 9.6C11.9802 13.2 12.2202 16.8 12.4602 20.4C12.4735 20.6 12.4869 20.8 12.5002 21C12.5135 20.8 12.5269 20.6 12.5402 20.4C12.7802 16.8 13.0202 13.2 13.2602 9.6C13.2735 9.4 13.2869 9.2 13.3002 9Z" fill={color}/>
+<Path d="M16.3002 9C15.7669 9 15.2335 9 14.7002 9C14.7135 9.2 14.7269 9.4 14.7402 9.6C14.9802 13.2 15.2202 16.8 15.4602 20.4C15.4735 20.6 15.4869 20.8 15.5002 21C15.5135 20.8 15.5269 20.6 15.5402 20.4C15.7802 16.8 16.0202 13.2 16.2602 9.6C16.2735 9.4 16.2869 9.2 16.3002 9Z" fill={color}/>
+</Svg>
+    )
+}

package/src/icons/warning.tsx

@@ -0,0 +1,14 @@
+
+import Svg, {Path, SvgProps } from "react-native-svg";
+interface Props extends SvgProps {
+  color?: string;
+}
+export default function Warning({ width = 20, height = 20, color = "white", ...props }: Props){
+    return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" {...props}>
+   <Path d="M3.34353 17.4316C4.16442 17.485 4.98532 17.5356 5.80622 17.5836C9.4236 17.7952 13.041 17.9549 16.6584 18.0628C16.9822 18.0696 17.3089 17.9903 17.5961 17.8339C17.8835 17.6781 18.1306 17.4454 18.3044 17.1648C18.4788 16.8846 18.5793 16.5573 18.5917 16.2246C18.6048 15.892 18.5296 15.5551 18.3746 15.2575C17.0538 12.6631 15.7035 10.0846 14.3236 7.52198C13.4845 5.96349 12.6344 4.41088 11.7734 2.86414C11.096 1.48886 8.895 1.52874 8.27029 2.88642C6.13822 7.05453 4.08257 11.2636 2.10325 15.5137C2.08425 15.5538 2.06721 15.5947 2.05218 15.6363C1.98485 15.8218 1.95836 16.0197 1.97328 16.2121C1.99116 16.4477 2.07142 16.6746 2.20047 16.8644C2.32916 17.0545 2.50619 17.207 2.70624 17.3047C2.90615 17.4028 3.12848 17.4458 3.34353 17.4316C3.12837 17.4178 2.92107 17.3474 2.74708 17.2327C2.57278 17.1184 2.43215 16.9602 2.34065 16.7807C2.24874 16.6013 2.20607 16.4012 2.21483 16.2067C2.22174 16.0477 2.26264 15.8927 2.33223 15.7545C2.34778 15.7236 2.36474 15.6935 2.38303 15.6644C4.84172 11.6724 7.22409 7.63922 9.53013 3.56499C9.71999 3.20758 10.2928 3.24746 10.4302 3.58759C11.2474 5.15767 12.0757 6.72204 12.9149 8.28053C14.2947 10.8431 15.7041 13.3898 17.1429 15.9207C17.1923 16.0016 17.2209 16.0967 17.224 16.1942C17.2272 16.2917 17.2048 16.3914 17.1582 16.4803C17.1118 16.5693 17.0413 16.6473 16.9544 16.7035C16.8677 16.7598 16.7648 16.7941 16.6583 16.8004C13.041 16.9084 9.4236 17.0681 5.80622 17.2796C4.98532 17.3276 4.16442 17.3783 3.34353 17.4316ZM3.34353 17.4316" fill={color}/>
+    <Path d="M9.77554 7.63233C9.77554 7.63233 9.77554 7.63233 9.77554 7.63233C9.73031 7.8057 9.68773 7.97893 9.64782 8.15204C9.31668 9.58845 9.16893 11.0162 9.20459 12.4354C9.24909 13.3871 10.7499 13.3871 10.7949 12.4353C10.8032 12.3154 10.8102 12.1955 10.8158 12.0755C10.8848 10.6076 10.7571 9.13049 10.4329 7.64412C10.4274 7.58469 10.4096 7.52849 10.3823 7.4796C10.3549 7.43066 10.3181 7.38907 10.2758 7.35756C10.2632 7.34808 10.25 7.3395 10.2365 7.33185C10.205 7.31402 10.1717 7.30128 10.138 7.29374C10.0899 7.28293 10.0412 7.28284 9.99637 7.29212C9.95222 7.30119 9.91176 7.31926 9.87794 7.34357C9.84407 7.36785 9.81687 7.39832 9.79773 7.43141C9.77855 7.46449 9.76743 7.50014 9.7641 7.53473C9.76073 7.56934 9.76513 7.60286 9.77554 7.63233C9.77554 7.63233 9.77554 7.63233 9.77554 7.63233C9.78374 7.60214 9.79802 7.57557 9.81586 7.55438C9.8337 7.53314 9.85505 7.51727 9.87712 7.50719C9.89919 7.49706 9.92194 7.4927 9.94286 7.49326C9.9638 7.49378 9.9829 7.49919 9.99847 7.50771C10.0143 7.51636 10.0266 7.52819 10.0345 7.54089C10.04 7.54978 10.0435 7.55907 10.0451 7.56802C10.0457 7.57186 10.0461 7.57563 10.0461 7.57929C10.046 7.59148 10.0423 7.60229 10.0364 7.6102C10.0306 7.61815 10.0225 7.62318 10.0143 7.62479C9.55212 9.07387 9.28653 10.5325 9.21756 12.0004C9.21192 12.1204 9.20759 12.2405 9.20458 12.3606L10.7949 12.3605C10.6972 10.9443 10.416 9.53672 9.95149 8.13775C9.8955 7.96916 9.83685 7.80068 9.77554 7.63233ZM9.77554 7.63233" fill={color}/>
+    <Path d="M10 15.5176C9.84548 15.5176 9.69444 15.4718 9.56596 15.3859C9.43749 15.3001 9.33735 15.1781 9.27822 15.0353C9.21909 14.8925 9.20362 14.7355 9.23376 14.5839C9.26391 14.4324 9.33831 14.2932 9.44757 14.1839C9.55683 14.0746 9.69604 14.0002 9.84759 13.9701C9.99913 13.9399 10.1562 13.9554 10.299 14.0145C10.4417 14.0737 10.5637 14.1738 10.6496 14.3023C10.7354 14.4308 10.7813 14.5818 10.7813 14.7363C10.7813 14.9435 10.6989 15.1422 10.5524 15.2888C10.4059 15.4353 10.2072 15.5176 10 15.5176Z" fill={color}/>
+    </Svg>
+    )
+}

package/src/types/iconType.ts

@@ -0,0 +1,6 @@
+export type IconType={
+    width?: number;
+    height?:number;
+    fillColor?: string;
+    borderColor?: string;
+}