feat: added start and person icons

Author: computools-anastasiia-nahaiska

src/components/icons/ person-icon/PersonIcon.component.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Svg, {Path} from 'react-native-svg';
+
+import {path} from './path.json';
+import type {IconProps} from '../icon-props';
+
+const DEFAULT_SIZE = 24;
+const DEFAULT_COLOR = '#000';
+
+export const PersonIcon = ({color = DEFAULT_COLOR, size = DEFAULT_SIZE, ...props}: IconProps) => (
+  <Svg viewBox="0 0 24 24" width={size} height={size} {...props}>
+    <Path fill={color} d={path} />
+  </Svg>
+);

src/components/icons/ person-icon/path.json

@@ -0,0 +1,3 @@
+{
+  "path": "M12 12c-1.1 0-2.042-0.392-2.825-1.175s-1.175-1.725-1.175-2.825c0-1.1 0.392-2.042 1.175-2.825s1.725-1.175 2.825-1.175c1.1 0 2.042 0.392 2.825 1.175s1.175 1.725 1.175 2.825c0 1.1-0.392 2.042-1.175 2.825s-1.725 1.175-2.825 1.175zM4 20v-2.8c0-0.567 0.146-1.087 0.438-1.563s0.679-0.837 1.163-1.087c1.033-0.517 2.083-0.904 3.15-1.163s2.15-0.387 3.25-0.387c1.1 0 2.183 0.129 3.25 0.387s2.117 0.646 3.15 1.163c0.483 0.25 0.871 0.612 1.163 1.087s0.438 0.996 0.438 1.563v2.8h-16zM6 18h12v-0.8c0-0.183-0.046-0.35-0.138-0.5s-0.213-0.267-0.363-0.35c-0.9-0.45-1.808-0.787-2.725-1.012s-1.842-0.338-2.775-0.338c-0.933 0-1.858 0.112-2.775 0.338s-1.825 0.563-2.725 1.012c-0.15 0.083-0.271 0.2-0.363 0.35s-0.138 0.317-0.138 0.5v0.8zM12 10c0.55 0 1.021-0.196 1.413-0.588s0.588-0.863 0.588-1.413c0-0.55-0.196-1.021-0.588-1.413s-0.862-0.588-1.413-0.588c-0.55 0-1.021 0.196-1.413 0.588s-0.588 0.863-0.588 1.413c0 0.55 0.196 1.021 0.588 1.413s0.863 0.588 1.413 0.588z"
+}

src/components/icons/index.tsx

@@ -1,3 +1,4 @@
+export {StarIcon} from './star-icon/StarIcon.component';
 export {MailIcon} from './mail-icon/MailIcon.component';
 export {SendIcon} from './send-icon/SendIcon.component';
 export {ListIcon} from './list-icon/ListIcon.component';
@@ -13,6 +14,7 @@ export {ErrorIcon} from './error-icon/ErrorIcon.component';
 export {UploadIcon} from './upload-icon/UploadIcon.component';
 export {DeleteIcon} from './delete-icon/DeleteIcon.component';
 export {SearchIcon} from './search-icon/SearchIcon.component';
+export {PersonIcon} from './ person-icon/PersonIcon.component';
 export {CommuteIcon} from './commute-icon/CommuteIcon.component';
 export {VideoCamIcon} from './videocam-icon/CloseIcon.component';
 export {SettingsIcon} from './settings-icon/SettingsIcon.component';

src/components/icons/star-icon/StarIcon.component.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Svg, {Path} from 'react-native-svg';
+
+import {path} from './path.json';
+import type {IconProps} from '../icon-props';
+
+const DEFAULT_SIZE = 24;
+const DEFAULT_COLOR = '#000';
+
+export const StarIcon: React.FC<IconProps> = ({color = DEFAULT_COLOR, size = DEFAULT_SIZE, ...props}) => (
+  <Svg viewBox="0 0 24 24" width={size} height={size} fill={'none'} {...props}>
+    <Path fill={color} d={path} />
+  </Svg>
+);