diff --git a/src/components/AboutHeader.tsx b/src/components/AboutHeader.tsx
index 962b6eab..38749313 100644
--- a/src/components/AboutHeader.tsx
+++ b/src/components/AboutHeader.tsx
@@ -1,5 +1,5 @@
-import { CloudSun } from 'lucide-preact'
 import { styled } from 'styled-components'
+import { Logo } from './icons/Logo.js'
 
 const OpenSourceBG = styled.div`
 	background-color: var(--color-nordic-blue);
@@ -47,7 +47,7 @@ export const AboutHeader = () => (
 				<div class="row d-flex align-items-center flex-direction-row">
 					<div class="col-12 col-sm-6 col-md-4">
 						<h1>
-							<CloudSun strokeWidth={1} size={35} /> hello.nrfcloud.com
+							<Logo strokeWidth={2} color={'white'} /> hello.nrfcloud.com
 						</h1>
 						<p>
 							Retrieve real-time data from your long-range Nordic Semiconductor
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 6f226220..de095e17 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,10 +1,11 @@
 import { useDevice } from '#context/Device.js'
 import { useFingerprint } from '#context/Fingerprint.js'
 import cx from 'classnames'
-import { CloudSun, Code2, Fingerprint, Home } from 'lucide-preact'
+import { Code2, Fingerprint, Home } from 'lucide-preact'
 import type { PropsWithChildren } from 'preact/compat'
 import { useState } from 'preact/hooks'
 import { PreviewWarning } from './PreviewWarning.js'
+import { Logo } from './icons/Logo.js'
 
 const Link = ({
 	href,
@@ -48,7 +49,8 @@ const Navigation = () => {
 					href={`/device#${device.id}`}
 					title="Device fingerprint was provided"
 				>
-					<CloudSun class="me-1" /> Your Development Kit
+					<Logo color={'white'} strokeWidth={1} class="me-1" /> Your Development
+					Kit
 				</Link>
 			)}
 			<Link href="/view-source">
diff --git a/src/components/SourceHeader.tsx b/src/components/SourceHeader.tsx
index 9f118c52..44c8590e 100644
--- a/src/components/SourceHeader.tsx
+++ b/src/components/SourceHeader.tsx
@@ -1,4 +1,4 @@
-import { CloudSun } from 'lucide-preact'
+import { Logo } from './icons/Logo.js'
 
 export const SourceHeader = () => (
 	<div
@@ -12,8 +12,8 @@ export const SourceHeader = () => (
 			<div class="row">
 				<div class="col-6">
 					<h1>
-						<CloudSun strokeWidth={1} size={35} /> hello.nrfcloud.com: the
-						source
+						<Logo color={'white'} strokeWidth={1} class="me-2" />
+						hello.nrfcloud.com: the source
 					</h1>
 					<p>
 						Learn how we've built <em>hello.nrfcloud.com</em>.
diff --git a/src/components/icons/Logo.tsx b/src/components/icons/Logo.tsx
new file mode 100644
index 00000000..b558e1d6
--- /dev/null
+++ b/src/components/icons/Logo.tsx
@@ -0,0 +1,59 @@
+export const Logo = ({
+	strokeWidth,
+	color,
+	class: className,
+}: {
+	strokeWidth: number
+	color: string
+	class?: string
+}) => {
+	const s = (strokeWidth ?? 2) * (0.529167 / 2)
+	const c = color ?? '#00a9ce'
+	return (
+		<svg
+			width={`34.409477`}
+			height={`31.091856`}
+			viewBox={`0 0 9.1041747 8.226387`}
+			version={`1.1`}
+			xmlns={`http://www.w3.org/2000/svg`}
+			class={className}
+		>
+			<g id={`layer1`} transform={`translate(-51.98419,-87.73281)`}>
+				<circle
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000`}
+					cx={`59.236233`}
+					cy={`92.282242`}
+					r={`0.52921253`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000`}
+					d={`m 56.074806,92.811454 a 0.52921253,0.52921253 0 0 1 -0.528317,-0.498441 0.52921253,0.52921253 0 0 1 0.466879,-0.556405 0.52921253,0.52921253 0 0 1 0.582611,0.433737`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers`}
+					d={`m 57.29966,90.800242 v 2.011216`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers`}
+					d={`m 58.003341,90.800242 v 2.011216`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000`}
+					d={`m 53.78349,92.282242 a 0.52921253,0.52921253 0 0 1 0.529212,-${s} 0.52921253,0.52921253 0 0 1 ${s},${s}`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers`}
+					d={`m 53.783491,90.800241 v 2.011217`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers`}
+					d={`m 54.841916,92.278618 v 0.53284`}
+				/>
+				<path
+					style={`fill:none;stroke:${c};stroke-width:${s};stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000`}
+					d={`m 56.512431,87.997479 c -1.141401,6.72e-4 -2.162712,0.709151 -2.563037,1.778046 -0.983671,0.175912 -1.700027,1.031244 -1.700597,2.03052 8.4e-5,1.139843 0.924152,2.063812 2.063994,2.063776 0.761536,0.0046 2.324894,0.0025 3.114593,2.24e-4 0.456065,-0.0013 0.590144,1.102313 -0.285746,1.824568 1.084256,-0.23399 1.761079,-0.892688 1.825748,-1.826154 0.268888,0.0013 0.17938,7.84e-4 0.268888,0.0013 0.876709,-8.4e-5 1.587402,-0.710777 1.587485,-1.587487 -4.7e-5,-0.871102 -0.701981,-1.579479 -1.573046,-1.587485 -0.0225,-1.496251 -1.241862,-2.697399 -2.738282,-2.69737 z`}
+				/>
+			</g>
+		</svg>
+	)
+}
diff --git a/static/images/logo.svg b/static/images/logo.svg
index 70805a79..87321e60 100644
--- a/static/images/logo.svg
+++ b/static/images/logo.svg
@@ -1,21 +1,52 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
 <svg
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   fill="none"
-   stroke-width="2"
-   stroke-linecap="round"
-   stroke-linejoin="round"
+   width="34.409477"
+   height="31.091856"
+   viewBox="0 0 9.1041747 8.226387"
    version="1.1"
+   id="svg5"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
-  <path
-     d="M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973"
-     id="path2"
-     style="fill:none;fill-opacity:1;stroke:#00a9ce;stroke-opacity:1" />
-  <path
-     d="m13 12-3 5h4l-3 5"
-     id="path4"
-     style="stroke:#f4cb43;stroke-opacity:1" />
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(-51.98419,-87.73281)">
+    <circle
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000"
+       id="path853"
+       cx="59.236233"
+       cy="92.282242"
+       r="0.52921253" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000"
+       id="circle1477"
+       d="m 56.074806,92.811454 a 0.52921253,0.52921253 0 0 1 -0.528317,-0.498441 0.52921253,0.52921253 0 0 1 0.466879,-0.556405 0.52921253,0.52921253 0 0 1 0.582611,0.433737" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 57.29966,90.800242 v 2.011216"
+       id="path1636" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529213;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 58.003341,90.800242 v 2.011216"
+       id="path1817" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.52916667;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000"
+       id="circle1821"
+       d="m 53.78349,92.282242 a 0.52921253,0.52921253 0 0 1 0.529212,-0.529213 0.52921253,0.52921253 0 0 1 0.529213,0.529213" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529213;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 53.783491,90.800241 v 2.011217"
+       id="path2007" />
+    <path
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529213;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 54.841916,92.278618 v 0.53284"
+       id="path2089" />
+    <path
+       id="circle2457"
+       style="fill:none;stroke:#00a9ce;stroke-width:0.529213;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers;stop-color:#000000"
+       d="m 56.512431,87.997479 c -1.141401,6.72e-4 -2.162712,0.709151 -2.563037,1.778046 -0.983671,0.175912 -1.700027,1.031244 -1.700597,2.03052 8.4e-5,1.139843 0.924152,2.063812 2.063994,2.063776 0.761536,0.0046 2.324894,0.0025 3.114593,2.24e-4 0.456065,-0.0013 0.590144,1.102313 -0.285746,1.824568 1.084256,-0.23399 1.761079,-0.892688 1.825748,-1.826154 0.268888,0.0013 0.17938,7.84e-4 0.268888,0.0013 0.876709,-8.4e-5 1.587402,-0.710777 1.587485,-1.587487 -4.7e-5,-0.871102 -0.701981,-1.579479 -1.573046,-1.587485 -0.0225,-1.496251 -1.241862,-2.697399 -2.738282,-2.69737 z" />
+  </g>
 </svg>