diff --git a/.gitignore b/.gitignore
index 19c982ad1..75fb24c96 100644
--- a/.gitignore
+++ b/.gitignore
@@ -95,3 +95,6 @@ docker/lnd/
#Build
android/app/release/
+
+# Optimized SVGs
+src/assets/svgs/optimized/
diff --git a/biome.json b/biome.json
index de0f8e3b9..1d5856d65 100644
--- a/biome.json
+++ b/biome.json
@@ -1,6 +1,6 @@
{
"files": {
- "ignore": ["src/polyfills/**"]
+ "ignore": ["src/polyfills/**", "src/assets/icons/index.ts"]
},
"linter": {
"rules": {
diff --git a/scripts/optimize-svgs.js b/scripts/optimize-svgs.js
new file mode 100644
index 000000000..e037547b2
--- /dev/null
+++ b/scripts/optimize-svgs.js
@@ -0,0 +1,80 @@
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+// Directory constants
+const DIRS = {
+ RAW_SVGS: path.join(__dirname, '../src/assets/svgs/raw'),
+ OPTIMIZED_SVGS: path.join(__dirname, '../src/assets/svgs/optimized'),
+ INDEX: path.join(__dirname, '../src/assets/icons/index.ts'),
+};
+
+/**
+ * Clean and recreate the optimized SVGs directory
+ */
+function setupDirectories() {
+ if (fs.existsSync(DIRS.OPTIMIZED_SVGS)) {
+ fs.rmSync(DIRS.OPTIMIZED_SVGS, { recursive: true, force: true });
+ }
+ fs.mkdirSync(DIRS.OPTIMIZED_SVGS, { recursive: true });
+}
+
+/**
+ * Optimize SVGs using SVGO
+ */
+function optimizeSvgs() {
+ console.log('\nOptimizing SVGs with SVGO...');
+ try {
+ execSync(`npx svgo -rf "${DIRS.RAW_SVGS}" -o "${DIRS.OPTIMIZED_SVGS}"`, {
+ stdio: 'inherit',
+ });
+ console.log('\nSVG optimization completed successfully!');
+ } catch (error) {
+ throw new Error(`SVGO optimization failed: ${error.message}`);
+ }
+}
+
+/**
+ * Generate the icons/index.ts file with optimized SVGs
+ */
+function generateIndexFile() {
+ console.log('\nGenerating index.ts...');
+ const optimizedSvgs = fs
+ .readdirSync(DIRS.OPTIMIZED_SVGS)
+ .filter((file) => file.endsWith('.svg'));
+
+ const indexContent = `/**
+ * This file is auto-generated. Do not edit it manually.
+ * Run \`node scripts/optimize-svgs.js\` to regenerate.
+ */
+
+${optimizedSvgs
+ .map((file) => {
+ const name = path.basename(file, '.svg');
+ const svgContent = fs.readFileSync(
+ path.join(DIRS.OPTIMIZED_SVGS, file),
+ 'utf8',
+ );
+ return `export const ${name}Icon = (color = 'white'): string => \`\n${svgContent}\`;`;
+ })
+ .join('\n\n')}\n`;
+
+ fs.writeFileSync(DIRS.INDEX, indexContent);
+ console.log(`Generated index.ts with ${optimizedSvgs.length} icons!`);
+}
+
+function main() {
+ try {
+ // Setup directories
+ setupDirectories();
+
+ // Optimize and generate index
+ optimizeSvgs();
+ generateIndexFile();
+ } catch (error) {
+ console.error('\nError:', error.message);
+ process.exit(1);
+ }
+}
+
+main();
diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
new file mode 100644
index 000000000..bb5bd05e7
--- /dev/null
+++ b/src/assets/icons/index.ts
@@ -0,0 +1,313 @@
+/**
+ * This file is auto-generated. Do not edit it manually.
+ * Run `node scripts/optimize-svgs.js` to regenerate.
+ */
+
+export const aboutIcon = (color = 'white'): string => `
+`;
+
+export const advancedIcon = (color = 'white'): string => `
+`;
+
+export const arrowClockwiseIcon = (color = 'white'): string => `
+`;
+
+export const arrowCounterClockIcon = (color = 'white'): string => `
+`;
+
+export const arrowLNfundsIcon = (color = 'white'): string => `
+`;
+
+export const arrowsClockwiseIcon = (color = 'white'): string => `
+`;
+
+export const backIcon = (color = 'white'): string => `
+`;
+
+export const backspaceIcon = (color = 'white'): string => `
+`;
+
+export const backupIcon = (color = 'white'): string => `
+`;
+
+export const bitcoinIcon = (color = 'white'): string => `
+`;
+
+export const bitcoinCircleIcon = (color = 'white'): string => `
+`;
+
+export const bitcoinSlantedIcon = (color = 'white'): string => `
+`;
+
+export const blocksIcon = (color = 'white'): string => `
+`;
+
+export const broadcastIcon = (color = 'white'): string => `
+`;
+
+export const burgerIcon = (color = 'white'): string => `
+`;
+
+export const calculatorIcon = (color = 'white'): string => `
+`;
+
+export const calendarIcon = (color = 'white'): string => `
+`;
+
+export const cameraIcon = (color = 'white'): string => `
+`;
+
+export const checkCircleIcon = (color = 'white'): string => `
+`;
+
+export const checkmarkIcon = (color = 'white'): string => `
+`;
+
+export const chevronRightIcon = (color = 'white'): string => `
+`;
+
+export const clipboardTextIcon = (color = 'white'): string => `
+`;
+
+export const clockIcon = (color = 'white'): string => `
+`;
+
+export const cloudCheckIcon = (color = 'white'): string => `
+`;
+
+export const coinsIcon = (color = 'white'): string => `
+`;
+
+export const copyIcon = (color = 'white'): string => `
+`;
+
+export const cornersOutIcon = (color = 'white'): string => `
+`;
+
+export const devSettingsIcon = (color = 'white'): string => `
+`;
+
+export const discordIcon = (color = 'white'): string => `
+`;
+
+export const downArrowIcon = (color = 'white'): string => `
+`;
+
+export const exclamationIcon = (color = 'white'): string => `
+`;
+
+export const eyeIcon = (color = 'white'): string => `
+`;
+
+export const faceIdIcon = (color = 'white'): string => `
+`;
+
+export const factsIcon = (color = 'white'): string => `
+`;
+
+export const fingerPrintIcon = (color = 'white'): string => `
+`;
+
+export const flashlightIcon = (color = 'white'): string => `
+`;
+
+export const generalSettingsIcon = (color = 'white'): string => `
+`;
+
+export const gitBranchIcon = (color = 'white'): string => `
+`;
+
+export const githubIcon = (color = 'white'): string => `
+`;
+
+export const globeIcon = (color = 'white'): string => `
+`;
+
+export const globeSimpleIcon = (color = 'white'): string => `
+`;
+
+export const heartbeatIcon = (color = 'white'): string => `
+`;
+
+export const hourglassIcon = (color = 'white'): string => `
+`;
+
+export const hourglassSimpleIcon = (color = 'white'): string => `
+`;
+
+export const leftSignIcon = (color = 'white'): string => `
+`;
+
+export const lightningIcon = (color = 'white'): string => `
+`;
+
+export const lightningCircleIcon = (color = 'white'): string => `
+`;
+
+export const lightningHollowIcon = (color = 'white'): string => `
+`;
+
+export const listIcon = (color = 'white'): string => `
+`;
+
+export const magnifyingGlassIcon = (color = 'white'): string => `
+`;
+
+export const mediumIcon = (color = 'white'): string => `
+`;
+
+export const minusCircledIcon = (color = 'white'): string => `
+`;
+
+export const newsIcon = (color = 'white'): string => `
+`;
+
+export const noteIcon = (color = 'white'): string => `
+`;
+
+export const pasteIcon = (color = 'white'): string => `
+`;
+
+export const pencilIcon = (color = 'white'): string => `
+`;
+
+export const pictureIcon = (color = 'white'): string => `
+`;
+
+export const plusIcon = (color = 'white'): string => `
+`;
+
+export const plusCircledIcon = (color = 'white'): string => `
+`;
+
+export const powerIcon = (color = 'white'): string => `
+`;
+
+export const priceIcon = (color = 'white'): string => `
+`;
+
+export const qrIcon = (color = 'white'): string => `
+`;
+
+export const receiveIcon = (color = 'white'): string => `
+`;
+
+export const receivedIcon = (color = 'white'): string => `
+`;
+
+export const rectanglesTwoIcon = (color = 'white'): string => `
+`;
+
+export const rightArrowIcon = (color = 'white'): string => `
+`;
+
+export const rightSignIcon = (color = 'white'): string => `
+`;
+
+export const scanIcon = (color = 'white'): string => `
+`;
+
+export const securityIcon = (color = 'white'): string => `
+`;
+
+export const sendIcon = (color = 'white'): string => `
+`;
+
+export const sentIcon = (color = 'white'): string => `
+`;
+
+export const settingsIcon = (color = 'white'): string => `
+`;
+
+export const shareAndroidIcon = (color = 'white'): string => `
+`;
+
+export const shareIosIcon = (color = 'white'): string => `
+`;
+
+export const sortAscendingIcon = (color = 'white'): string => `
+`;
+
+export const speedFastIcon = (color = 'white'): string => `
+`;
+
+export const speedNormalIcon = (color = 'white'): string => `
+`;
+
+export const speedSlowIcon = (color = 'white'): string => `
+`;
+
+export const stackIcon = (color = 'white'): string => `
+`;
+
+export const supportIcon = (color = 'white'): string => `
+`;
+
+export const tagIcon = (color = 'white'): string => `
+`;
+
+export const telegramIcon = (color = 'white'): string => `
+`;
+
+export const timerIcon = (color = 'white'): string => `
+`;
+
+export const timerIconAltIcon = (color = 'white'): string => `
+`;
+
+export const timerSpeedIcon = (color = 'white'): string => `
+`;
+
+export const toggleIcon = (color = 'white'): string => `
+`;
+
+export const touchIdIcon = (color = 'white'): string => `
+`;
+
+export const transferIcon = (color = 'white'): string => `
+`;
+
+export const trashIcon = (color = 'white'): string => `
+`;
+
+export const twitterIcon = (color = 'white'): string => `
+`;
+
+export const unifiedCircleIcon = (color = 'white'): string => `
+`;
+
+export const unitBitcoinIcon = (color = 'white'): string => `
+`;
+
+export const unitFiatIcon = (color = 'white'): string => `
+`;
+
+export const unitSatoshiIcon = (color = 'white'): string => `
+`;
+
+export const upArrowIcon = (color = 'white'): string => `
+`;
+
+export const userIcon = (color = 'white'): string => `
+`;
+
+export const userMinusIcon = (color = 'white'): string => `
+`;
+
+export const userPlusIcon = (color = 'white'): string => `
+`;
+
+export const userSquareIcon = (color = 'white'): string => `
+`;
+
+export const usersIcon = (color = 'white'): string => `
+`;
+
+export const warningIcon = (color = 'white'): string => `
+`;
+
+export const weatherIcon = (color = 'white'): string => `
+`;
+
+export const xIcon = (color = 'white'): string => `
+`;
diff --git a/src/assets/icons/settings.ts b/src/assets/icons/settings.ts
deleted file mode 100644
index e79a4f1c9..000000000
--- a/src/assets/icons/settings.ts
+++ /dev/null
@@ -1,274 +0,0 @@
-export const chevronRightIcon = (color = 'white'): string => `
-`;
-
-export const rightArrowIcon = (color = 'white'): string => `
-`;
-
-export const upArrowIcon = (color = 'white'): string => `
-`;
-
-export const downArrowIcon = (color = 'white'): string => `
-`;
-
-export const arrowCounterClock = (color = 'white'): string => `
-`;
-
-export const checkmarkIcon = (color = 'white'): string => `
-`;
-
-export const copyIcon = (color = 'white'): string => `
-`;
-
-export const faceIdIcon = (color = 'white'): string => `
-`;
-
-export const touchIdIcon = (color = 'white'): string => `
-`;
-
-export const githubIcon = (color = 'white'): string => `
-`;
-
-export const globeIcon = (color = 'white'): string => `
-`;
-
-export const globeSimpleIcon = (color = 'white'): string => `
-`;
-
-export const broadcastIcon = (color = 'white'): string => `
-
- `;
-
-export const cloudCheckIcon = (color = 'white'): string => `
-
- `;
-
-export const mediumIcon = (color = 'white'): string => `
-`;
-
-export const twitterIcon = (color = 'white'): string => `
-`;
-
-export const discordIcon = (color = 'white'): string => `
-`;
-
-export const telegramIcon = (color = 'white'): string => `
-`;
-
-export const listIcon = (color = 'white'): string => `
-`;
-
-export const sortAscendingIcon = (color = 'white'): string => `
-`;
-
-export const leftSign = (color = 'white'): string => `
-`;
-
-export const rightSign = (color = 'white'): string => `
-`;
-
-export const arrowClockwise = (color = 'white'): string => `
-`;
-
-export const arrowsClockwise = (color = 'white'): string => `
-`;
-
-export const rectanglesTwo = (color = 'white'): string => `
-`;
-
-export const lightningHollow = (color = 'white'): string => `
-`;
-
-export const generalSettingsIcon = (color = 'white'): string => `
-`;
-
-export const securityIcon = (color = 'white'): string => `
-`;
-
-export const backupIcon = (color = 'white'): string => `
-
-
-`;
-
-export const advancedIcon = (color = 'white'): string => `
-
-
-`;
-
-export const supportIcon = (color = 'white'): string => `
-`;
-
-export const aboutIcon = (color = 'white'): string => `
-`;
-
-export const devSettingsIcon = (color = 'white'): string => `
-`;
diff --git a/src/assets/icons/tabs.ts b/src/assets/icons/tabs.ts
deleted file mode 100644
index ff2ff02ff..000000000
--- a/src/assets/icons/tabs.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export const sendIcon = (
- color = 'white',
-): string => `
-`;
-
-export const receiveIcon = (
- color = 'white',
-): string => `
-`;
diff --git a/src/assets/icons/wallet.ts b/src/assets/icons/wallet.ts
deleted file mode 100644
index 70ddfefa6..000000000
--- a/src/assets/icons/wallet.ts
+++ /dev/null
@@ -1,530 +0,0 @@
-export const arrowLNfunds = (color = 'white'): string => `
-`;
-
-export const backIcon = (color = 'white'): string => `
-`;
-
-export const backspaceIcon = (color = 'white'): string => `
-`;
-
-export const bitcoinIcon = (color = 'white'): string => `
-`;
-
-export const bitcoinSlantedIcon = (color = 'white'): string => `
-`;
-
-export const bitcoinCircleIcon = (color: string): string => `
-`;
-
-export const burgerIcon = (color = 'white'): string => `
-`;
-
-export const calendarIcon = (color = 'white'): string => `
-`;
-
-export const cameraIcon = (color = 'white'): string => `
-`;
-
-export const checkCircleIcon = (color = 'white'): string => `
-`;
-
-export const clipboardTextIcon = (color = 'white'): string => `
-`;
-
-export const clockIcon = (color = 'white'): string => `
-`;
-
-export const coinsIcon = (color = 'white'): string => `
-`;
-
-export const cornersOut = (color = 'white'): string => `
-`;
-
-export const eyeIcon = (color = 'white'): string => `
-`;
-
-export const exclamationIcon = (color = 'white'): string => `
-`;
-
-export const fingerPrintIcon = (color = 'white'): string => `
-`;
-
-export const flashlightIcon = (color = 'white'): string => `
-`;
-
-export const gitBranchIcon = (color = 'white'): string => `
-`;
-
-export const heartbeatIcon = (color = 'white'): string => `
-`;
-
-export const hourglassIcon = (color = 'white'): string => `
-
- `;
-
-export const hourglassSimpleIcon = (color = 'white'): string => `
-
- `;
-
-export const lightningIcon = (color = 'white'): string => `
-`;
-
-export const lightningCircleIcon = (color = 'white'): string => `
-
- `;
-
-export const magnifyingGlassIcon = (color = 'white'): string => `
-`;
-
-export const minusCircledIcon = (color = 'white'): string => `
-`;
-
-export const noteIcon = (color = 'white'): string => `
-`;
-
-export const pasteIcon = (color = 'white'): string => `
-`;
-
-export const pencilIcon = (color = 'white'): string => `
-`;
-
-export const pictureIcon = (color = 'white'): string => `
-`;
-
-export const plusIcon = (color = 'white'): string => `
-`;
-
-export const plusCircledIcon = (color = 'white'): string => `
-`;
-
-export const powerIcon = (color = 'white'): string => `
-`;
-
-export const qrIcon = (color = 'white'): string => `
-
-`;
-
-export const receivedIcon = (color = 'white'): string => `
-`;
-
-export const scanIcon = (color = 'white'): string => `
-`;
-
-export const sentIcon = (color = 'white'): string => `
-`;
-
-export const settingsIcon = (color = 'white'): string => `
-`;
-
-export const shareIosIcon = (color = 'white'): string => `
-`;
-
-export const shareAndroidIcon = (color = 'white'): string => `
-`;
-
-export const speedFastIcon = (color = 'white'): string => `
-`;
-
-export const speedNormalIcon = (color = 'white'): string => `
-`;
-
-export const speedSlowIcon = (color = 'white'): string => `
-`;
-
-export const stackIcon = (color = 'white'): string => `
-`;
-
-export const switchIcon = (color = 'white'): string => `
-`;
-
-export const tagIcon = (color = 'white'): string => `
-`;
-
-export const timerIcon = (color = 'white'): string => `
-`;
-
-export const timerIconAlt = (color = 'white'): string => `
-`;
-
-export const timerSpeedIcon = (color = 'white'): string => `
-`;
-
-export const transferIcon = (color = 'white'): string => `
-`;
-
-export const trashIcon = (color = 'white'): string => `
-`;
-
-export const unifiedCircleIcon = (): string => `
-
-`;
-
-export const unitBitcoinIcon = (color = 'white'): string => `
-`;
-
-export const unitSatoshiIcon = (color = 'white'): string => `
-`;
-
-export const unitFiatIcon = (color = 'white'): string => `
-`;
-
-export const userIcon = (color = 'white'): string => `
-`;
-
-export const userMinusIcon = (color = 'white'): string => `
-`;
-
-export const userPlusIcon = (color = 'white'): string => `
-`;
-
-export const usersIcon = (color = 'white'): string => `
-`;
-
-export const userSquareIcon = (color = 'white'): string => `
-`;
-
-export const warningIcon = (color = 'white'): string => `
-`;
-
-export const xIcon = (color = 'white'): string => `
-`;
diff --git a/src/assets/icons/widgets.ts b/src/assets/icons/widgets.ts
deleted file mode 100644
index d6ad2f370..000000000
--- a/src/assets/icons/widgets.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-export const blocksIcon = (): string =>
- `
-`;
-
-export const calculatorIcon = (): string =>
- `
-`;
-
-export const factsIcon = (): string =>
- `
-`;
-
-export const newsIcon = (): string =>
- `
-`;
-
-export const priceIcon = (): string =>
- `
-`;
-
-export const weatherIcon = (): string =>
- `
-`;
diff --git a/src/assets/svgs/raw/about.svg b/src/assets/svgs/raw/about.svg
new file mode 100644
index 000000000..16337dbdf
--- /dev/null
+++ b/src/assets/svgs/raw/about.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/advanced.svg b/src/assets/svgs/raw/advanced.svg
new file mode 100644
index 000000000..2d1e36dd8
--- /dev/null
+++ b/src/assets/svgs/raw/advanced.svg
@@ -0,0 +1,15 @@
+
+
+
diff --git a/src/assets/svgs/raw/arrowClockwise.svg b/src/assets/svgs/raw/arrowClockwise.svg
new file mode 100644
index 000000000..95b885d3c
--- /dev/null
+++ b/src/assets/svgs/raw/arrowClockwise.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/arrowCounterClock.svg b/src/assets/svgs/raw/arrowCounterClock.svg
new file mode 100644
index 000000000..8c47672aa
--- /dev/null
+++ b/src/assets/svgs/raw/arrowCounterClock.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/arrowLNfunds.svg b/src/assets/svgs/raw/arrowLNfunds.svg
new file mode 100644
index 000000000..a080452f2
--- /dev/null
+++ b/src/assets/svgs/raw/arrowLNfunds.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/arrowsClockwise.svg b/src/assets/svgs/raw/arrowsClockwise.svg
new file mode 100644
index 000000000..c41ae28f7
--- /dev/null
+++ b/src/assets/svgs/raw/arrowsClockwise.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/back.svg b/src/assets/svgs/raw/back.svg
new file mode 100644
index 000000000..3a4b7ef03
--- /dev/null
+++ b/src/assets/svgs/raw/back.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/backspace.svg b/src/assets/svgs/raw/backspace.svg
new file mode 100644
index 000000000..fc1b21e73
--- /dev/null
+++ b/src/assets/svgs/raw/backspace.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/backup.svg b/src/assets/svgs/raw/backup.svg
new file mode 100644
index 000000000..66ded0782
--- /dev/null
+++ b/src/assets/svgs/raw/backup.svg
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/assets/svgs/raw/bitcoin.svg b/src/assets/svgs/raw/bitcoin.svg
new file mode 100644
index 000000000..15aa31bf5
--- /dev/null
+++ b/src/assets/svgs/raw/bitcoin.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/bitcoinCircle.svg b/src/assets/svgs/raw/bitcoinCircle.svg
new file mode 100644
index 000000000..a128384d5
--- /dev/null
+++ b/src/assets/svgs/raw/bitcoinCircle.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/bitcoinSlanted.svg b/src/assets/svgs/raw/bitcoinSlanted.svg
new file mode 100644
index 000000000..2be4e1bc7
--- /dev/null
+++ b/src/assets/svgs/raw/bitcoinSlanted.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/blocks.svg b/src/assets/svgs/raw/blocks.svg
new file mode 100644
index 000000000..3d3a64f06
--- /dev/null
+++ b/src/assets/svgs/raw/blocks.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/assets/svgs/raw/broadcast.svg b/src/assets/svgs/raw/broadcast.svg
new file mode 100644
index 000000000..36b1a4a1b
--- /dev/null
+++ b/src/assets/svgs/raw/broadcast.svg
@@ -0,0 +1,10 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/burger.svg b/src/assets/svgs/raw/burger.svg
new file mode 100644
index 000000000..a56c9d507
--- /dev/null
+++ b/src/assets/svgs/raw/burger.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/calculator.svg b/src/assets/svgs/raw/calculator.svg
new file mode 100644
index 000000000..caf36826d
--- /dev/null
+++ b/src/assets/svgs/raw/calculator.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/assets/svgs/raw/calendar.svg b/src/assets/svgs/raw/calendar.svg
new file mode 100644
index 000000000..847fa049f
--- /dev/null
+++ b/src/assets/svgs/raw/calendar.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/camera.svg b/src/assets/svgs/raw/camera.svg
new file mode 100644
index 000000000..ff7694ac0
--- /dev/null
+++ b/src/assets/svgs/raw/camera.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/checkCircle.svg b/src/assets/svgs/raw/checkCircle.svg
new file mode 100644
index 000000000..bb6fe84c5
--- /dev/null
+++ b/src/assets/svgs/raw/checkCircle.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/checkmark.svg b/src/assets/svgs/raw/checkmark.svg
new file mode 100644
index 000000000..4ef1d5610
--- /dev/null
+++ b/src/assets/svgs/raw/checkmark.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/chevronRight.svg b/src/assets/svgs/raw/chevronRight.svg
new file mode 100644
index 000000000..ac8f59855
--- /dev/null
+++ b/src/assets/svgs/raw/chevronRight.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/clipboardText.svg b/src/assets/svgs/raw/clipboardText.svg
new file mode 100644
index 000000000..a7169eb8d
--- /dev/null
+++ b/src/assets/svgs/raw/clipboardText.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/clock.svg b/src/assets/svgs/raw/clock.svg
new file mode 100644
index 000000000..7f3ed502c
--- /dev/null
+++ b/src/assets/svgs/raw/clock.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/cloudCheck.svg b/src/assets/svgs/raw/cloudCheck.svg
new file mode 100644
index 000000000..ba70d8925
--- /dev/null
+++ b/src/assets/svgs/raw/cloudCheck.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/coins.svg b/src/assets/svgs/raw/coins.svg
new file mode 100644
index 000000000..73b3e5054
--- /dev/null
+++ b/src/assets/svgs/raw/coins.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/copy.svg b/src/assets/svgs/raw/copy.svg
new file mode 100644
index 000000000..efc129e0b
--- /dev/null
+++ b/src/assets/svgs/raw/copy.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/cornersOut.svg b/src/assets/svgs/raw/cornersOut.svg
new file mode 100644
index 000000000..dafb710f1
--- /dev/null
+++ b/src/assets/svgs/raw/cornersOut.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/devSettings.svg b/src/assets/svgs/raw/devSettings.svg
new file mode 100644
index 000000000..fb54e63da
--- /dev/null
+++ b/src/assets/svgs/raw/devSettings.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/discord.svg b/src/assets/svgs/raw/discord.svg
new file mode 100644
index 000000000..d441a2a7a
--- /dev/null
+++ b/src/assets/svgs/raw/discord.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/downArrow.svg b/src/assets/svgs/raw/downArrow.svg
new file mode 100644
index 000000000..af2b39b0c
--- /dev/null
+++ b/src/assets/svgs/raw/downArrow.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/exclamation.svg b/src/assets/svgs/raw/exclamation.svg
new file mode 100644
index 000000000..256f7389d
--- /dev/null
+++ b/src/assets/svgs/raw/exclamation.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/eye.svg b/src/assets/svgs/raw/eye.svg
new file mode 100644
index 000000000..892633c8c
--- /dev/null
+++ b/src/assets/svgs/raw/eye.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/faceId.svg b/src/assets/svgs/raw/faceId.svg
new file mode 100644
index 000000000..dddebc999
--- /dev/null
+++ b/src/assets/svgs/raw/faceId.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/facts.svg b/src/assets/svgs/raw/facts.svg
new file mode 100644
index 000000000..156a94c8e
--- /dev/null
+++ b/src/assets/svgs/raw/facts.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/assets/svgs/raw/fingerPrint.svg b/src/assets/svgs/raw/fingerPrint.svg
new file mode 100644
index 000000000..31a54097b
--- /dev/null
+++ b/src/assets/svgs/raw/fingerPrint.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/flashlight.svg b/src/assets/svgs/raw/flashlight.svg
new file mode 100644
index 000000000..30e1e9d64
--- /dev/null
+++ b/src/assets/svgs/raw/flashlight.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/generalSettings.svg b/src/assets/svgs/raw/generalSettings.svg
new file mode 100644
index 000000000..a7683c3f6
--- /dev/null
+++ b/src/assets/svgs/raw/generalSettings.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/gitBranch.svg b/src/assets/svgs/raw/gitBranch.svg
new file mode 100644
index 000000000..84197e613
--- /dev/null
+++ b/src/assets/svgs/raw/gitBranch.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/github.svg b/src/assets/svgs/raw/github.svg
new file mode 100644
index 000000000..cd7e93e02
--- /dev/null
+++ b/src/assets/svgs/raw/github.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/globe.svg b/src/assets/svgs/raw/globe.svg
new file mode 100644
index 000000000..33305581a
--- /dev/null
+++ b/src/assets/svgs/raw/globe.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/globeSimple.svg b/src/assets/svgs/raw/globeSimple.svg
new file mode 100644
index 000000000..ab485f750
--- /dev/null
+++ b/src/assets/svgs/raw/globeSimple.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/heartbeat.svg b/src/assets/svgs/raw/heartbeat.svg
new file mode 100644
index 000000000..7fd404570
--- /dev/null
+++ b/src/assets/svgs/raw/heartbeat.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/hourglass.svg b/src/assets/svgs/raw/hourglass.svg
new file mode 100644
index 000000000..d9232e3ea
--- /dev/null
+++ b/src/assets/svgs/raw/hourglass.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/hourglassSimple.svg b/src/assets/svgs/raw/hourglassSimple.svg
new file mode 100644
index 000000000..e2bac35aa
--- /dev/null
+++ b/src/assets/svgs/raw/hourglassSimple.svg
@@ -0,0 +1,6 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/leftSign.svg b/src/assets/svgs/raw/leftSign.svg
new file mode 100644
index 000000000..1872e0f6f
--- /dev/null
+++ b/src/assets/svgs/raw/leftSign.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/lightning.svg b/src/assets/svgs/raw/lightning.svg
new file mode 100644
index 000000000..dd983cdbe
--- /dev/null
+++ b/src/assets/svgs/raw/lightning.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/lightningCircle.svg b/src/assets/svgs/raw/lightningCircle.svg
new file mode 100644
index 000000000..6557e66c2
--- /dev/null
+++ b/src/assets/svgs/raw/lightningCircle.svg
@@ -0,0 +1,6 @@
+
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/lightningHollow.svg b/src/assets/svgs/raw/lightningHollow.svg
new file mode 100644
index 000000000..6b25f902e
--- /dev/null
+++ b/src/assets/svgs/raw/lightningHollow.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/list.svg b/src/assets/svgs/raw/list.svg
new file mode 100644
index 000000000..27e6413e1
--- /dev/null
+++ b/src/assets/svgs/raw/list.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/magnifyingGlass.svg b/src/assets/svgs/raw/magnifyingGlass.svg
new file mode 100644
index 000000000..bf9a55220
--- /dev/null
+++ b/src/assets/svgs/raw/magnifyingGlass.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/medium.svg b/src/assets/svgs/raw/medium.svg
new file mode 100644
index 000000000..58feaf056
--- /dev/null
+++ b/src/assets/svgs/raw/medium.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/minusCircled.svg b/src/assets/svgs/raw/minusCircled.svg
new file mode 100644
index 000000000..a09e34f34
--- /dev/null
+++ b/src/assets/svgs/raw/minusCircled.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/news.svg b/src/assets/svgs/raw/news.svg
new file mode 100644
index 000000000..cfea16a90
--- /dev/null
+++ b/src/assets/svgs/raw/news.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/svgs/raw/note.svg b/src/assets/svgs/raw/note.svg
new file mode 100644
index 000000000..be1bb3ba0
--- /dev/null
+++ b/src/assets/svgs/raw/note.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/paste.svg b/src/assets/svgs/raw/paste.svg
new file mode 100644
index 000000000..e7ef40e27
--- /dev/null
+++ b/src/assets/svgs/raw/paste.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/pencil.svg b/src/assets/svgs/raw/pencil.svg
new file mode 100644
index 000000000..7f20abd48
--- /dev/null
+++ b/src/assets/svgs/raw/pencil.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/picture.svg b/src/assets/svgs/raw/picture.svg
new file mode 100644
index 000000000..17f209081
--- /dev/null
+++ b/src/assets/svgs/raw/picture.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/plus.svg b/src/assets/svgs/raw/plus.svg
new file mode 100644
index 000000000..103b78b56
--- /dev/null
+++ b/src/assets/svgs/raw/plus.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/plusCircled.svg b/src/assets/svgs/raw/plusCircled.svg
new file mode 100644
index 000000000..349e575ee
--- /dev/null
+++ b/src/assets/svgs/raw/plusCircled.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/power.svg b/src/assets/svgs/raw/power.svg
new file mode 100644
index 000000000..6ad804dca
--- /dev/null
+++ b/src/assets/svgs/raw/power.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/price.svg b/src/assets/svgs/raw/price.svg
new file mode 100644
index 000000000..c219bc31f
--- /dev/null
+++ b/src/assets/svgs/raw/price.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/svgs/raw/qr.svg b/src/assets/svgs/raw/qr.svg
new file mode 100644
index 000000000..994b05424
--- /dev/null
+++ b/src/assets/svgs/raw/qr.svg
@@ -0,0 +1,13 @@
+
+
diff --git a/src/assets/svgs/raw/receive.svg b/src/assets/svgs/raw/receive.svg
new file mode 100644
index 000000000..8584c996a
--- /dev/null
+++ b/src/assets/svgs/raw/receive.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/svgs/raw/received.svg b/src/assets/svgs/raw/received.svg
new file mode 100644
index 000000000..f3a19e299
--- /dev/null
+++ b/src/assets/svgs/raw/received.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/rectanglesTwo.svg b/src/assets/svgs/raw/rectanglesTwo.svg
new file mode 100644
index 000000000..e7470d919
--- /dev/null
+++ b/src/assets/svgs/raw/rectanglesTwo.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/rightArrow.svg b/src/assets/svgs/raw/rightArrow.svg
new file mode 100644
index 000000000..548c87f4e
--- /dev/null
+++ b/src/assets/svgs/raw/rightArrow.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/rightSign.svg b/src/assets/svgs/raw/rightSign.svg
new file mode 100644
index 000000000..281817c6d
--- /dev/null
+++ b/src/assets/svgs/raw/rightSign.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/scan.svg b/src/assets/svgs/raw/scan.svg
new file mode 100644
index 000000000..78205900b
--- /dev/null
+++ b/src/assets/svgs/raw/scan.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/security.svg b/src/assets/svgs/raw/security.svg
new file mode 100644
index 000000000..3d7c0c263
--- /dev/null
+++ b/src/assets/svgs/raw/security.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/send.svg b/src/assets/svgs/raw/send.svg
new file mode 100644
index 000000000..80e539bcb
--- /dev/null
+++ b/src/assets/svgs/raw/send.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/svgs/raw/sent.svg b/src/assets/svgs/raw/sent.svg
new file mode 100644
index 000000000..9fd3bf2c1
--- /dev/null
+++ b/src/assets/svgs/raw/sent.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/settings.svg b/src/assets/svgs/raw/settings.svg
new file mode 100644
index 000000000..73dbf0a31
--- /dev/null
+++ b/src/assets/svgs/raw/settings.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/shareAndroid.svg b/src/assets/svgs/raw/shareAndroid.svg
new file mode 100644
index 000000000..3528eb3a8
--- /dev/null
+++ b/src/assets/svgs/raw/shareAndroid.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/shareIos.svg b/src/assets/svgs/raw/shareIos.svg
new file mode 100644
index 000000000..1ca5abdb3
--- /dev/null
+++ b/src/assets/svgs/raw/shareIos.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/sortAscending.svg b/src/assets/svgs/raw/sortAscending.svg
new file mode 100644
index 000000000..62b412d1a
--- /dev/null
+++ b/src/assets/svgs/raw/sortAscending.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/speedFast.svg b/src/assets/svgs/raw/speedFast.svg
new file mode 100644
index 000000000..73fd8cb56
--- /dev/null
+++ b/src/assets/svgs/raw/speedFast.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/speedNormal.svg b/src/assets/svgs/raw/speedNormal.svg
new file mode 100644
index 000000000..e909628ec
--- /dev/null
+++ b/src/assets/svgs/raw/speedNormal.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/speedSlow.svg b/src/assets/svgs/raw/speedSlow.svg
new file mode 100644
index 000000000..f7017adea
--- /dev/null
+++ b/src/assets/svgs/raw/speedSlow.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/stack.svg b/src/assets/svgs/raw/stack.svg
new file mode 100644
index 000000000..9913554dd
--- /dev/null
+++ b/src/assets/svgs/raw/stack.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/support.svg b/src/assets/svgs/raw/support.svg
new file mode 100644
index 000000000..459758e2f
--- /dev/null
+++ b/src/assets/svgs/raw/support.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/tag.svg b/src/assets/svgs/raw/tag.svg
new file mode 100644
index 000000000..ed3cc0471
--- /dev/null
+++ b/src/assets/svgs/raw/tag.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/telegram.svg b/src/assets/svgs/raw/telegram.svg
new file mode 100644
index 000000000..8d3790bf2
--- /dev/null
+++ b/src/assets/svgs/raw/telegram.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/timer.svg b/src/assets/svgs/raw/timer.svg
new file mode 100644
index 000000000..155c4fcf5
--- /dev/null
+++ b/src/assets/svgs/raw/timer.svg
@@ -0,0 +1,6 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/timerIconAlt.svg b/src/assets/svgs/raw/timerIconAlt.svg
new file mode 100644
index 000000000..c171daefb
--- /dev/null
+++ b/src/assets/svgs/raw/timerIconAlt.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/timerSpeed.svg b/src/assets/svgs/raw/timerSpeed.svg
new file mode 100644
index 000000000..3876457ad
--- /dev/null
+++ b/src/assets/svgs/raw/timerSpeed.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/toggle.svg b/src/assets/svgs/raw/toggle.svg
new file mode 100644
index 000000000..001170d07
--- /dev/null
+++ b/src/assets/svgs/raw/toggle.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/touchId.svg b/src/assets/svgs/raw/touchId.svg
new file mode 100644
index 000000000..5a8fd9d0a
--- /dev/null
+++ b/src/assets/svgs/raw/touchId.svg
@@ -0,0 +1,27 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/transfer.svg b/src/assets/svgs/raw/transfer.svg
new file mode 100644
index 000000000..181aca8e6
--- /dev/null
+++ b/src/assets/svgs/raw/transfer.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/trash.svg b/src/assets/svgs/raw/trash.svg
new file mode 100644
index 000000000..2a218e4b5
--- /dev/null
+++ b/src/assets/svgs/raw/trash.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/twitter.svg b/src/assets/svgs/raw/twitter.svg
new file mode 100644
index 000000000..6eee9efcc
--- /dev/null
+++ b/src/assets/svgs/raw/twitter.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/unifiedCircle.svg b/src/assets/svgs/raw/unifiedCircle.svg
new file mode 100644
index 000000000..4e597384b
--- /dev/null
+++ b/src/assets/svgs/raw/unifiedCircle.svg
@@ -0,0 +1,10 @@
+
+
diff --git a/src/assets/svgs/raw/unitBitcoin.svg b/src/assets/svgs/raw/unitBitcoin.svg
new file mode 100644
index 000000000..61e6ea66b
--- /dev/null
+++ b/src/assets/svgs/raw/unitBitcoin.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/unitFiat.svg b/src/assets/svgs/raw/unitFiat.svg
new file mode 100644
index 000000000..4b85ee1b3
--- /dev/null
+++ b/src/assets/svgs/raw/unitFiat.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/unitSatoshi.svg b/src/assets/svgs/raw/unitSatoshi.svg
new file mode 100644
index 000000000..333fc8a3c
--- /dev/null
+++ b/src/assets/svgs/raw/unitSatoshi.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/upArrow.svg b/src/assets/svgs/raw/upArrow.svg
new file mode 100644
index 000000000..c2f4ac932
--- /dev/null
+++ b/src/assets/svgs/raw/upArrow.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/user.svg b/src/assets/svgs/raw/user.svg
new file mode 100644
index 000000000..02cc08332
--- /dev/null
+++ b/src/assets/svgs/raw/user.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/userMinus.svg b/src/assets/svgs/raw/userMinus.svg
new file mode 100644
index 000000000..f29d28401
--- /dev/null
+++ b/src/assets/svgs/raw/userMinus.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/userPlus.svg b/src/assets/svgs/raw/userPlus.svg
new file mode 100644
index 000000000..26d065b4a
--- /dev/null
+++ b/src/assets/svgs/raw/userPlus.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/userSquare.svg b/src/assets/svgs/raw/userSquare.svg
new file mode 100644
index 000000000..98a7d7414
--- /dev/null
+++ b/src/assets/svgs/raw/userSquare.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/users.svg b/src/assets/svgs/raw/users.svg
new file mode 100644
index 000000000..c96042b81
--- /dev/null
+++ b/src/assets/svgs/raw/users.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/warning.svg b/src/assets/svgs/raw/warning.svg
new file mode 100644
index 000000000..08c91781c
--- /dev/null
+++ b/src/assets/svgs/raw/warning.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/assets/svgs/raw/weather.svg b/src/assets/svgs/raw/weather.svg
new file mode 100644
index 000000000..c986bd7b7
--- /dev/null
+++ b/src/assets/svgs/raw/weather.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/svgs/raw/x.svg b/src/assets/svgs/raw/x.svg
new file mode 100644
index 000000000..50af7164e
--- /dev/null
+++ b/src/assets/svgs/raw/x.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/components/TabBar.tsx b/src/components/TabBar.tsx
index 0cc6b47dd..488fcbd01 100644
--- a/src/components/TabBar.tsx
+++ b/src/components/TabBar.tsx
@@ -11,7 +11,7 @@ import {
import Animated, { FadeIn } from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { receiveIcon, sendIcon } from '../assets/icons/tabs';
+import { receiveIcon, sendIcon } from '../assets/icons';
import useColors from '../hooks/colors';
import { useAppSelector } from '../hooks/redux';
import { rootNavigation } from '../navigation/root/RootNavigationContainer';
diff --git a/src/constants/widgets.ts b/src/constants/widgets.ts
index 5293a72c8..ff784951e 100644
--- a/src/constants/widgets.ts
+++ b/src/constants/widgets.ts
@@ -5,7 +5,7 @@ import {
newsIcon,
priceIcon,
weatherIcon,
-} from '../assets/icons/widgets';
+} from '../assets/icons';
export const widgets = {
blocks: { id: 'blocks', icon: blocksIcon() },
diff --git a/src/screens/Settings/BackupSettings/index.tsx b/src/screens/Settings/BackupSettings/index.tsx
index a41de688e..4e7a201df 100644
--- a/src/screens/Settings/BackupSettings/index.tsx
+++ b/src/screens/Settings/BackupSettings/index.tsx
@@ -18,7 +18,7 @@ import {
ArrowClockwise,
LightningHollowIcon,
NoteIcon,
- RectanglesTwo,
+ RectanglesTwoIcon,
SettingsIcon,
TagIcon,
TimerIconAlt,
@@ -178,7 +178,7 @@ const BackupSettings = ({
status: backup[EBackupCategory.settings],
},
{
- Icon: RectanglesTwo,
+ Icon: RectanglesTwoIcon,
title: t('backup.category_widgets'),
category: EBackupCategory.widgets,
status: backup[EBackupCategory.widgets],
diff --git a/src/styles/icons.ts b/src/styles/icons.ts
index c4f69c141..278e3c225 100644
--- a/src/styles/icons.ts
+++ b/src/styles/icons.ts
@@ -4,63 +4,51 @@ import { SvgXml } from 'react-native-svg';
import {
aboutIcon,
advancedIcon,
- arrowClockwise,
- arrowCounterClock,
- arrowsClockwise,
- backupIcon,
- broadcastIcon,
- checkmarkIcon,
- chevronRightIcon,
- cloudCheckIcon,
- copyIcon,
- devSettingsIcon,
- discordIcon,
- downArrowIcon,
- faceIdIcon,
- generalSettingsIcon,
- githubIcon,
- globeIcon,
- globeSimpleIcon,
- leftSign,
- lightningHollow,
- listIcon,
- mediumIcon,
- rectanglesTwo,
- rightArrowIcon,
- rightSign,
- securityIcon,
- sortAscendingIcon,
- supportIcon,
- telegramIcon,
- touchIdIcon,
- twitterIcon,
- upArrowIcon,
-} from '../assets/icons/settings';
-import {
- arrowLNfunds,
+ arrowClockwiseIcon,
+ arrowCounterClockIcon,
+ arrowLNfundsIcon,
+ arrowsClockwiseIcon,
backIcon,
backspaceIcon,
+ backupIcon,
bitcoinCircleIcon,
bitcoinSlantedIcon,
+ broadcastIcon,
burgerIcon,
calendarIcon,
cameraIcon,
checkCircleIcon,
+ checkmarkIcon,
+ chevronRightIcon,
clipboardTextIcon,
clockIcon,
+ cloudCheckIcon,
coinsIcon,
- cornersOut,
+ copyIcon,
+ cornersOutIcon,
+ devSettingsIcon,
+ discordIcon,
+ downArrowIcon,
exclamationIcon,
eyeIcon,
+ faceIdIcon,
fingerPrintIcon,
flashlightIcon,
+ generalSettingsIcon,
gitBranchIcon,
+ githubIcon,
+ globeIcon,
+ globeSimpleIcon,
heartbeatIcon,
hourglassIcon,
hourglassSimpleIcon,
+ leftSignIcon,
lightningCircleIcon,
+ lightningHollowIcon,
lightningIcon,
+ listIcon,
magnifyingGlassIcon,
+ mediumIcon,
minusCircledIcon,
noteIcon,
pencilIcon,
@@ -70,25 +58,35 @@ import {
powerIcon,
qrIcon,
receivedIcon,
+ rectanglesTwoIcon,
+ rightArrowIcon,
+ rightSignIcon,
scanIcon,
+ securityIcon,
sentIcon,
settingsIcon,
shareAndroidIcon,
shareIosIcon,
+ sortAscendingIcon,
speedFastIcon,
speedNormalIcon,
speedSlowIcon,
stackIcon,
- switchIcon,
+ supportIcon,
tagIcon,
+ telegramIcon,
timerIcon,
- timerIconAlt,
+ timerIconAltIcon,
timerSpeedIcon,
+ toggleIcon,
+ touchIdIcon,
transferIcon,
trashIcon,
+ twitterIcon,
unifiedCircleIcon,
unitBitcoinIcon,
unitFiatIcon,
+ upArrowIcon,
userIcon,
userMinusIcon,
userPlusIcon,
@@ -96,7 +94,7 @@ import {
usersIcon,
warningIcon,
xIcon,
-} from '../assets/icons/wallet';
+} from '../assets/icons';
import styled from './styled-components';
import { IThemeColors } from './themes';
@@ -233,7 +231,9 @@ export const TimerIcon = styled(SvgXml).attrs((props) => ({
}));
export const TimerIconAlt = styled(SvgXml).attrs((props) => ({
- xml: timerIconAlt(props.color ? props.theme.colors[props.color] : 'white'),
+ xml: timerIconAltIcon(
+ props.color ? props.theme.colors[props.color] : 'white',
+ ),
height: props.height ?? '17px',
width: props.width ?? '16px',
}))((props) => ({
@@ -482,7 +482,7 @@ export const UpArrow = styled(SvgXml).attrs((props) => ({
}));
export const ArrowLNFunds = styled(SvgXml).attrs((props) => ({
- xml: arrowLNfunds(
+ xml: arrowLNfundsIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '20px',
@@ -505,7 +505,7 @@ export const DownArrow = styled(SvgXml).attrs((props) => ({
}));
export const ArrowCounterClock = styled(SvgXml).attrs((props) => ({
- xml: arrowCounterClock(
+ xml: arrowCounterClockIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '24px',
@@ -555,7 +555,7 @@ export const TouchIdIcon = styled(SvgXml).attrs((props) => ({
}));
export const SwitchIcon = styled(SvgXml).attrs((props) => ({
- xml: switchIcon(props.color ? props.theme.colors[props.color] : 'white'),
+ xml: toggleIcon(props.color ? props.theme.colors[props.color] : 'white'),
height: props.height ?? '16px',
width: props.width ?? '16px',
}))((props) => ({
@@ -617,7 +617,7 @@ export const BackIcon = styled(SvgXml).attrs((props) => ({
}));
export const CornersOutIcon = styled(SvgXml).attrs((props) => ({
- xml: cornersOut(props.color ? props.theme.colors[props.color] : 'white'),
+ xml: cornersOutIcon(props.color ? props.theme.colors[props.color] : 'white'),
height: props.height ?? '32px',
width: props.width ?? '32px',
}))((props) => ({
@@ -775,7 +775,7 @@ export const QrIcon = styled(SvgXml).attrs((props) => ({
}));
export const LeftSign = styled(SvgXml).attrs((props) => ({
- xml: leftSign(
+ xml: leftSignIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '18px',
@@ -785,7 +785,7 @@ export const LeftSign = styled(SvgXml).attrs((props) => ({
}));
export const RightSign = styled(SvgXml).attrs((props) => ({
- xml: rightSign(
+ xml: rightSignIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '18px',
@@ -795,7 +795,7 @@ export const RightSign = styled(SvgXml).attrs((props) => ({
}));
export const ArrowClockwise = styled(SvgXml).attrs((props) => ({
- xml: arrowClockwise(
+ xml: arrowClockwiseIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '24px',
@@ -805,7 +805,7 @@ export const ArrowClockwise = styled(SvgXml).attrs((props) => ({
}));
export const ArrowsClockwiseIcon = styled(SvgXml).attrs((props) => ({
- xml: arrowsClockwise(
+ xml: arrowsClockwiseIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '24px',
@@ -814,8 +814,8 @@ export const ArrowsClockwiseIcon = styled(SvgXml).attrs((props) => ({
color: props.color ? props.theme.colors[props.color] : 'white',
}));
-export const RectanglesTwo = styled(SvgXml).attrs((props) => ({
- xml: rectanglesTwo(
+export const RectanglesTwoIcon = styled(SvgXml).attrs((props) => ({
+ xml: rectanglesTwoIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '24px',
@@ -825,7 +825,7 @@ export const RectanglesTwo = styled(SvgXml).attrs((props) => ({
}));
export const LightningHollowIcon = styled(SvgXml).attrs((props) => ({
- xml: lightningHollow(
+ xml: lightningHollowIcon(
props.color ? props.theme.colors[props.color] : props.theme.colors.white,
),
height: props.height ?? '24px',
diff --git a/svgo.config.js b/svgo.config.js
new file mode 100644
index 000000000..106f95be4
--- /dev/null
+++ b/svgo.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+ plugins: [
+ 'preset-default',
+ 'removeDimensions', // remove width and height attributes
+ 'removeXMLNS', // remove xmlns attribute
+ 'removeXlink', // remove xlink:href attribute
+ ],
+};