From 19a4d909f88175aa405dcb2433d520da76e472f4 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 25 Dec 2021 23:55:17 -0700
Subject: [PATCH] Add a component that allows for easier ship svg usage

---
 .../src/components/icons/spaceship.svelte     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 web-svelte/src/components/icons/spaceship.svelte

diff --git a/web-svelte/src/components/icons/spaceship.svelte b/web-svelte/src/components/icons/spaceship.svelte
new file mode 100644
index 0000000..4066cf1
--- /dev/null
+++ b/web-svelte/src/components/icons/spaceship.svelte
@@ -0,0 +1,26 @@
+<!--
+Possible extra Spaceship icons:
+	https://www.flaticon.com/free-icon/spaceship_6437894
+	https://fontawesome.com/v5.15/icons/starfighter?style=solid
+	https://fontawesome.com/v5.15/icons/starship-freighter?style=solid
+	https://fontawesome.com/v5.15/icons/starship?style=solid
+-->
+<script lang="ts">
+export let spaceship = "space-shuttle";
+</script>
+
+{#if spaceship == "rocket"}
+<div class="rocket">
+	<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rocket" class="svg-inline--fa fa-rocket fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505.12019,19.09375c-1.18945-5.53125-6.65819-11-12.207-12.1875C460.716,0,435.507,0,410.40747,0,307.17523,0,245.26909,55.20312,199.05238,128H94.83772c-16.34763.01562-35.55658,11.875-42.88664,26.48438L2.51562,253.29688A28.4,28.4,0,0,0,0,264a24.00867,24.00867,0,0,0,24.00582,24H127.81618l-22.47457,22.46875c-11.36521,11.36133-12.99607,32.25781,0,45.25L156.24582,406.625c11.15623,11.1875,32.15619,13.15625,45.27726,0l22.47457-22.46875V488a24.00867,24.00867,0,0,0,24.00581,24,28.55934,28.55934,0,0,0,10.707-2.51562l98.72834-49.39063c14.62888-7.29687,26.50776-26.5,26.50776-42.85937V312.79688c72.59753-46.3125,128.03493-108.40626,128.03493-211.09376C512.07526,76.5,512.07526,51.29688,505.12019,19.09375ZM384.04033,168A40,40,0,1,1,424.05,128,40.02322,40.02322,0,0,1,384.04033,168Z"></path></svg>
+</div>
+{:else}
+	<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="space-shuttle" class="svg-inline--fa fa-space-shuttle fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M592.604 208.244C559.735 192.836 515.777 184 472 184H186.327c-4.952-6.555-10.585-11.978-16.72-16H376C229.157 137.747 219.403 32 96.003 32H96v128H80V32c-26.51 0-48 28.654-48 64v64c-23.197 0-32 10.032-32 24v40c0 13.983 8.819 24 32 24v16c-23.197 0-32 10.032-32 24v40c0 13.983 8.819 24 32 24v64c0 35.346 21.49 64 48 64V352h16v128h.003c123.4 0 133.154-105.747 279.997-136H169.606c6.135-4.022 11.768-9.445 16.72-16H472c43.777 0 87.735-8.836 120.604-24.244C622.282 289.845 640 271.992 640 256s-17.718-33.845-47.396-47.756zM488 296a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8c31.909 0 31.942 80 0 80z"></path></svg>
+{/if}
+
+<style lang="scss">
+.rocket {
+	width: 100%;
+	height: 100%;
+	transform: translate(-5px, 0px) rotate(45deg);
+}
+</style>
\ No newline at end of file