feat:🎸 update icons from figma (#16)

Signed-off-by: GitHub <[email protected]>
Co-authored-by: tonkotsuboy <[email protected]>

src/AlertAIcon.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAlertAIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
+      fill="currentColor"
+      d="M13 13a1 1 0 1 1-2 0v-3a1 1 0 1 1 2 0zM12 18a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2a1 1 0 0 1 .862.493l10 17A1 1 0 0 1 22 21H2a1 1 0 0 1-.862-1.507l10-17A1 1 0 0 1 12 2m8.252 17L12 4.972 3.748 19z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgAlertAIcon;

src/AlertBIcon.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path } from 'react-native-svg';
+import type { SvgProps } from 'react-native-svg';
+interface ISvgProps extends SvgProps {
+  xmlns?: string;
+  xmlnsXlink?: string;
+  xmlSpace?: string;
+}
+const SvgAlertBIcon = (props: ISvgProps) => (
+  <Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+    <Path
+      fill="currentColor"
+      d="M13 12a1 1 0 1 1-2 0V8a1 1 0 1 1 2 0zM12 17a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgAlertBIcon;

src/index.ts

@@ -2,6 +2,8 @@ export { default as AccountIcon } from './AccountIcon';
 export { default as AccountSettingIcon } from './AccountSettingIcon';
 export { default as AddressIcon } from './AddressIcon';
 export { default as AlertIcon } from './AlertIcon';
+export { default as AlertAIcon } from './AlertAIcon';
+export { default as AlertBIcon } from './AlertBIcon';
 export { default as AmbulanceIcon } from './AmbulanceIcon';
 export { default as ArrowADownIcon } from './ArrowADownIcon';
 export { default as ArrowALeftIcon } from './ArrowALeftIcon';