🍧 Collects all icons

app/src/routes/peripherals/camera/Camera.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
 	import SettingsCard from "$lib/components/SettingsCard.svelte";
-    import Camera from '~icons/mdi/camera-outline'
-    import Record from '~icons/mdi/radio-button-unchecked'
 	import CameraSetting from './CameraSetting.svelte';
 	import Stream from '$lib/components/Stream.svelte';
+	import { Camera } from "$lib/components/icons";
 </script>
 
 <SettingsCard collapsible={false}>

app/src/routes/peripherals/i2c/i2c.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import SettingsCard from "$lib/components/SettingsCard.svelte";
-    import MdiConnection from '~icons/mdi/connection';
 	import { onMount } from "svelte";
 	import { socket } from "$lib/stores";
     import type { I2CDevice } from "$lib/types/models";
+	import { Connection } from "$lib/components/icons";
 
     const i2cDevices = [
         {address:30,  part_number: "HMC5883", name: "3-Axis Digital Compass/Magnetometer IC"},
@@ -27,7 +27,7 @@
 </script>
 
 <SettingsCard collapsible={false}>
-    <MdiConnection slot="icon" class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
+    <Connection slot="icon" class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
     <span slot="title">I<sup>2</sup>C</span>
 
     <div class="grid">

app/src/routes/peripherals/imu/imu.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import SettingsCard from "$lib/components/SettingsCard.svelte";
-    import Rotate3d from '~icons/mdi/rotate-3d';
     import { imu } from '$lib/stores/imu';
     import { Chart, registerables } from 'chart.js';
 	import { cubicOut } from "svelte/easing";
@@ -10,6 +9,7 @@
 	import { socket } from "$lib/stores";
 	import type { IMU } from "$lib/types/models";
 	import { useFeatureFlags } from "$lib/stores/featureFlags";
+	import { Rotate3d } from "$lib/components/icons";
 
     const features = useFeatureFlags();
 

app/src/routes/peripherals/servo/servos.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import SettingsCard from '$lib/components/SettingsCard.svelte';
 	import type { ServoConfiguration, Servo } from '$lib/types/models';
-	import MotorOutline from '~icons/mdi/motor-outline';
 	import ServoController from './servo.svelte';
 	import Spinner from '$lib/components/Spinner.svelte';
 
 	import { socket } from '$lib/stores';
 	import { onDestroy, onMount } from 'svelte';
 	import { throttler as Throttler } from '$lib/utilities';
+	import { MotorOutline } from '$lib/components/icons';
 
 	let isLoading = false;