diff --git a/png/opnsense-light.png b/png/opnsense-light.png
new file mode 100755
index 00000000..47e79696
Binary files /dev/null and b/png/opnsense-light.png differ
diff --git a/png/opnsense-v1.png b/png/opnsense-v1.png
new file mode 100755
index 00000000..c0c77b10
Binary files /dev/null and b/png/opnsense-v1.png differ
diff --git a/png/opnsense.png b/png/opnsense.png
index c0c77b10..ceff4680 100755
Binary files a/png/opnsense.png and b/png/opnsense.png differ
diff --git a/svg/opnsense-light.svg b/svg/opnsense-light.svg
new file mode 100755
index 00000000..5e52ca02
--- /dev/null
+++ b/svg/opnsense-light.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<polygon class="st0" points="112,0 112,112 400,112 400,400 512,400 512,160.2 352.4,0 	"/>
+	<polygon class="st0" points="400,512 400,400 112,400 112,112 0,112 0,352.4 160.2,512 	"/>
+</g>
+</svg>
diff --git a/svg/opnsense-v1.svg b/svg/opnsense-v1.svg
new file mode 100755
index 00000000..fc4bd2c2
--- /dev/null
+++ b/svg/opnsense-v1.svg
@@ -0,0 +1,272 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="cvfy" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
+	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_00000063597933487800375320000002816915027383055029_);fill:#898B8D;}
+	
+		.st1{clip-path:url(#SVGID_00000021837244831941107310000007706173787738498731_);fill:url(#SVGID_00000110461157607353318320000015988499078767138976_);}
+	
+		.st2{clip-path:url(#SVGID_00000111178829038370882440000017433834694599609527_);fill:url(#SVGID_00000089556282016905049230000015355269574893591187_);}
+	.st3{fill:#403F41;}
+	.st4{clip-path:url(#SVGID_00000032646302484884347490000012096582197648338578_);fill:#898B8D;}
+	
+		.st5{clip-path:url(#SVGID_00000096058329324288678790000010399426830053063582_);fill:url(#SVGID_00000119114222353757616520000010177324152031335102_);}
+	
+		.st6{clip-path:url(#SVGID_00000017474103154272622460000012651476000629950640_);fill:url(#SVGID_00000057848894314429527210000004686437580427679641_);}
+	.st7{clip-path:url(#SVGID_00000113316615200491030760000005339811685199878785_);fill:#58595B;}
+	
+		.st8{clip-path:url(#SVGID_00000066491877553354060840000006222907218660910772_);fill:url(#SVGID_00000068660952791657966140000015023798467600174484_);}
+	.st9{clip-path:url(#SVGID_00000134940327282624659190000005599389400669715868_);fill:#58595B;}
+	
+		.st10{clip-path:url(#SVGID_00000070101018464111603340000005221264386358321558_);fill:url(#SVGID_00000093175037611742611210000006535540813171277245_);}
+	.st11{clip-path:url(#SVGID_00000108994660451891655360000011216820460551881859_);fill:#58595B;}
+	
+		.st12{clip-path:url(#SVGID_00000126284006972402879400000017073028010481281681_);fill:url(#SVGID_00000078032734527779569450000014510275191611732129_);}
+	.st13{clip-path:url(#SVGID_00000041989722090387369880000005142855490324630149_);fill:#58595B;}
+	
+		.st14{clip-path:url(#SVGID_00000008144139064416253330000001371201325561901232_);fill:url(#SVGID_00000162338280567927860310000006625568716672466349_);}
+	.st15{fill:url(#SVGID_00000107579140264200663370000014862123875719528870_);}
+	.st16{fill:url(#SVGID_00000150077704230297031360000010357530202464247699_);}
+	.st17{fill:url(#SVGID_00000158708769760592275030000008255620809247488391_);}
+	.st18{fill:url(#SVGID_00000081635611226190584930000005414258969694416256_);}
+	.st19{fill:#E24525;}
+</style>
+<g transform="matrix(.9957 0 0 1 -29.69 -15.7)">
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3
+				l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
+		</defs>
+		<clipPath id="SVGID_00000161625913714908996350000016893829807554758308_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="38.8" y="11.4" style="clip-path:url(#SVGID_00000161625913714908996350000016893829807554758308_);fill:#898B8D;" width="500.5" height="51.3"/>
+	</g>
+	<g>
+		<defs>
+			<path id="SVGID_00000039836262835380498550000011059029963603167132_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9
+				l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5
+				V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
+		</defs>
+		<clipPath id="SVGID_00000145031951764524482510000018231235710457635774_">
+			<use xlink:href="#SVGID_00000039836262835380498550000011059029963603167132_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000078005731935047407090000014247676509137934225_" gradientUnits="userSpaceOnUse" x1="-2155.9543" y1="407.4166" x2="-2070.4788" y2="407.4166" gradientTransform="matrix(0.1861 0.356 0.6751 -0.353 635.8905 960.1897)">
+			<stop  offset="0" style="stop-color:#737373"/>
+			<stop  offset="1" style="stop-color:#333333"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000145031951764524482510000018231235710457635774_);fill:url(#SVGID_00000078005731935047407090000014247676509137934225_);" points="
+			481.6,64 538,33.7 553.8,64.4 497.4,94.8 		"/>
+	</g>
+	<g>
+		<defs>
+			<path id="SVGID_00000076561558978916356880000015140687587276658330_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9
+				l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5
+				V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
+		</defs>
+		<clipPath id="SVGID_00000103258313834897957480000003231911644215059134_">
+			<use xlink:href="#SVGID_00000076561558978916356880000015140687587276658330_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000021104482084073619980000000310603221330206850_" gradientUnits="userSpaceOnUse" x1="-2680.4678" y1="-1439.9541" x2="-2590.7183" y2="-1439.9541" gradientTransform="matrix(-0.1853 0.3564 0.5495 0.2858 364.6892 1415.868)">
+			<stop  offset="0" style="stop-color:#737373"/>
+			<stop  offset="1" style="stop-color:#333333"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000103258313834897957480000003231911644215059134_);fill:url(#SVGID_00000021104482084073619980000000310603221330206850_);" points="
+			46.1,38.8 91.8,63.6 76,94.3 30.3,70 		"/>
+	</g>
+	<rect x="114" y="94.3" class="st3" width="345.7" height="39.3"/>
+	<rect x="114" y="410.2" class="st3" width="345.7" height="39.3"/>
+	<g>
+		<defs>
+			<path id="SVGID_00000114055607210798498370000001002523773793945769_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
+				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
+				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
+		</defs>
+		<clipPath id="SVGID_00000059296627347981136360000010347353956952511913_">
+			<use xlink:href="#SVGID_00000114055607210798498370000001002523773793945769_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="34.6" y="481.1" style="clip-path:url(#SVGID_00000059296627347981136360000010347353956952511913_);fill:#898B8D;" width="500.5" height="51.3"/>
+	</g>
+	<g>
+		<defs>
+			<path id="SVGID_00000083078593533593096740000013581966812793105295_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
+				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
+				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
+		</defs>
+		<clipPath id="SVGID_00000062174986535570822790000001001368201827526835_">
+			<use xlink:href="#SVGID_00000083078593533593096740000013581966812793105295_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000135670850981559560900000018215134362259054507_" gradientUnits="userSpaceOnUse" x1="811.4501" y1="-1366.8854" x2="901.1996" y2="-1366.8854" gradientTransform="matrix(-0.1861 -0.356 -0.6751 0.353 -707.3138 1267.1102)">
+			<stop  offset="0" style="stop-color:#737373"/>
+			<stop  offset="1" style="stop-color:#333333"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000062174986535570822790000001001368201827526835_);fill:url(#SVGID_00000135670850981559560900000018215134362259054507_);" points="
+			92.3,480.3 35.8,510.6 20,479.4 76.4,449.1 		"/>
+	</g>
+	<g>
+		<defs>
+			<path id="SVGID_00000069387802829912992070000017877887322812304551_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
+				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
+				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
+		</defs>
+		<clipPath id="SVGID_00000008836442898483601820000003705779373768739512_">
+			<use xlink:href="#SVGID_00000069387802829912992070000017877887322812304551_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000098932532327988457340000003565367637112387763_" gradientUnits="userSpaceOnUse" x1="1784.5061" y1="-1110.6769" x2="1869.9818" y2="-1110.6769" gradientTransform="matrix(0.1853 -0.3564 -0.5495 -0.2858 -435.8124 810.832)">
+			<stop  offset="0" style="stop-color:#737373"/>
+			<stop  offset="1" style="stop-color:#333333"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000008836442898483601820000003705779373768739512_);fill:url(#SVGID_00000098932532327988457340000003565367637112387763_);" points="
+			528.2,505 482,480.3 497.8,449.5 544,473.8 		"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000010996101013734781830000007867714471007731611_" x="75.9" y="173.4" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000176023620328728773890000003366896823840317880_">
+			<use xlink:href="#SVGID_00000010996101013734781830000007867714471007731611_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="75.6" y="173.4" style="clip-path:url(#SVGID_00000176023620328728773890000003366896823840317880_);fill:#58595B;" width="147.9" height="39.3"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000063603815544437227670000014535972395345575865_" x="75.9" y="173.4" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000080172769172156080430000009348266803940717726_">
+			<use xlink:href="#SVGID_00000063603815544437227670000014535972395345575865_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000061437428820175280410000012910652936243919511_" gradientUnits="userSpaceOnUse" x1="2810.6194" y1="-1931.616" x2="2973.1812" y2="-1931.616" gradientTransform="matrix(-1.5145 -1.0166 -3.14 -1.519 -1537.55 197.8917)">
+			<stop  offset="0.107" style="stop-color:#58595B"/>
+			<stop  offset="1" style="stop-color:#000000"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000080172769172156080430000009348266803940717726_);fill:url(#SVGID_00000061437428820175280410000012910652936243919511_);" points="
+			207.6,244.3 73.9,172.5 89.7,140.9 223.9,212.7 		"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000155831191177564464590000000672741723583733403_" x="350.7" y="173.4" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000153685801618943493350000005915922512874429330_">
+			<use xlink:href="#SVGID_00000155831191177564464590000000672741723583733403_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="350.4" y="173.4" style="clip-path:url(#SVGID_00000153685801618943493350000005915922512874429330_);fill:#58595B;" width="147.9" height="39.3"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000107553520980901561460000016486314101050164627_" x="350.7" y="173.4" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000060712213222627070190000012103345451443261081_">
+			<use xlink:href="#SVGID_00000107553520980901561460000016486314101050164627_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000122707151202761213610000010003090446827164862_" gradientUnits="userSpaceOnUse" x1="1609.4034" y1="-1128.1943" x2="1771.9652" y2="-1128.1943" gradientTransform="matrix(1.5145 -1.0166 3.14 -1.519 1407.1268 197.8917)">
+			<stop  offset="0.107" style="stop-color:#58595B"/>
+			<stop  offset="1" style="stop-color:#000000"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000060712213222627070190000012103345451443261081_);fill:url(#SVGID_00000122707151202761213610000010003090446827164862_);" points="
+			366.2,244.3 500.4,172.5 484.2,140.9 350.4,212.7 		"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000074426844654628894550000014179632847424566144_" x="350.7" y="331.1" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000034082934939390513700000011272967209820827580_">
+			<use xlink:href="#SVGID_00000074426844654628894550000014179632847424566144_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="350.4" y="331.1" style="clip-path:url(#SVGID_00000034082934939390513700000011272967209820827580_);fill:#58595B;" width="147.9" height="39.3"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000137115064005292752050000010886041686049043100_" x="350.7" y="331.1" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000121238272746715506240000009389978763949670580_">
+			<use xlink:href="#SVGID_00000137115064005292752050000010886041686049043100_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000036955702282511980320000012048949119629900468_" gradientUnits="userSpaceOnUse" x1="-2911.8599" y1="1028.277" x2="-2749.2986" y2="1028.277" gradientTransform="matrix(1.5145 1.0166 3.14 1.519 1467.1268 1655.9083)">
+			<stop  offset="0.107" style="stop-color:#58595B"/>
+			<stop  offset="1" style="stop-color:#000000"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000121238272746715506240000009389978763949670580_);fill:url(#SVGID_00000036955702282511980320000012048949119629900468_);" points="
+			366.2,299.5 500.4,371.3 484.2,402.9 350.4,331.1 		"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000163057097200676911240000003353066092125288875_" x="75.9" y="331.1" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000118376390153040949260000009539981367530778027_">
+			<use xlink:href="#SVGID_00000163057097200676911240000003353066092125288875_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<rect x="75.6" y="331.1" style="clip-path:url(#SVGID_00000118376390153040949260000009539981367530778027_);fill:#58595B;" width="147.9" height="39.3"/>
+	</g>
+	<g>
+		<defs>
+			<rect id="SVGID_00000026880314297427201320000000148371263097136561_" x="75.9" y="331.1" width="147.2" height="39.3"/>
+		</defs>
+		<clipPath id="SVGID_00000007412462534933134820000005287557117453584557_">
+			<use xlink:href="#SVGID_00000026880314297427201320000000148371263097136561_"  style="overflow:visible;"/>
+		</clipPath>
+		
+			<linearGradient id="SVGID_00000140003725491096668590000013912226250182393766_" gradientUnits="userSpaceOnUse" x1="-1914.0239" y1="360.5265" x2="-1747.3463" y2="360.5265" gradientTransform="matrix(-1.5145 1.0166 -3.14 1.519 -1478.55 1655.9083)">
+			<stop  offset="0.107" style="stop-color:#58595B"/>
+			<stop  offset="1" style="stop-color:#000000"/>
+		</linearGradient>
+		
+			<polygon style="clip-path:url(#SVGID_00000007412462534933134820000005287557117453584557_);fill:url(#SVGID_00000140003725491096668590000013912226250182393766_);" points="
+			207.6,299.5 73.9,371.3 89.7,402.9 223.9,331.1 		"/>
+	</g>
+	
+		<linearGradient id="SVGID_00000076566193030608922820000018359958889579052706_" gradientUnits="userSpaceOnUse" x1="67.3122" y1="386.6274" x2="253.6492" y2="386.6274" gradientTransform="matrix(0.9957 0 0 -1 -29.9016 529.9)">
+		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
+		<stop  offset="1" style="stop-color:#404040"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000076566193030608922820000018359958889579052706_);" points="223.5,173.4 223.5,212.7 
+		37.1,113.1 37.1,73.8 	"/>
+	
+		<linearGradient id="SVGID_00000075845952153535352390000018436971392597003402_" gradientUnits="userSpaceOnUse" x1="-749.6718" y1="386.6274" x2="-563.3348" y2="386.6274" gradientTransform="matrix(-0.9957 0 0 -1 -209.7216 529.9)">
+		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
+		<stop  offset="1" style="stop-color:#404040"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000075845952153535352390000018436971392597003402_);" points="350.4,173.4 350.4,212.7 
+		536.7,113.1 536.7,73.8 	"/>
+	
+		<linearGradient id="SVGID_00000155848256125861092890000002885250276450038198_" gradientUnits="userSpaceOnUse" x1="-580.4642" y1="-993.5318" x2="-394.1272" y2="-993.5318" gradientTransform="matrix(-0.9957 0 0 1 -41.2416 1394.3)">
+		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
+		<stop  offset="1" style="stop-color:#404040"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000155848256125861092890000002885250276450038198_);" points="350.4,370.9 350.4,331.1 
+		536.7,430.7 536.7,470.4 	"/>
+	
+		<linearGradient id="SVGID_00000081623276548387145410000003048116308743511709_" gradientUnits="userSpaceOnUse" x1="-101.4863" y1="-993.5318" x2="84.5516" y2="-993.5318" gradientTransform="matrix(0.9957 0 0 1 138.5984 1394.3)">
+		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
+		<stop  offset="1" style="stop-color:#404040"/>
+	</linearGradient>
+	<polygon style="fill:url(#SVGID_00000081623276548387145410000003048116308743511709_);" points="223.5,370.9 223.5,331.1 
+		37.1,430.7 37.1,470.4 	"/>
+	<polygon class="st19" points="350.4,291.8 350.4,291.8 350.4,291.8 350.4,291.8 459.8,350.3 459.8,310.6 424.3,291.8 536.7,291.8 
+		536.7,252 424.3,252 459.8,233.2 459.8,193.9 350.4,252 	"/>
+	<polygon class="st19" points="114,350.3 223.5,291.8 223.5,291.8 223.5,291.8 223.5,291.8 223.5,252 223.5,252 223.5,252 
+		114,193.9 114,233.2 149.9,252 37.1,252 37.1,291.8 149.5,291.8 114,310.6 	"/>
+</g>
+</svg>
diff --git a/svg/opnsense.svg b/svg/opnsense.svg
index fc4bd2c2..b2f5df64 100755
--- a/svg/opnsense.svg
+++ b/svg/opnsense.svg
@@ -1,272 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1"
-	 id="cvfy" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
-	 style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 <style type="text/css">
-	.st0{clip-path:url(#SVGID_00000063597933487800375320000002816915027383055029_);fill:#898B8D;}
-	
-		.st1{clip-path:url(#SVGID_00000021837244831941107310000007706173787738498731_);fill:url(#SVGID_00000110461157607353318320000015988499078767138976_);}
-	
-		.st2{clip-path:url(#SVGID_00000111178829038370882440000017433834694599609527_);fill:url(#SVGID_00000089556282016905049230000015355269574893591187_);}
-	.st3{fill:#403F41;}
-	.st4{clip-path:url(#SVGID_00000032646302484884347490000012096582197648338578_);fill:#898B8D;}
-	
-		.st5{clip-path:url(#SVGID_00000096058329324288678790000010399426830053063582_);fill:url(#SVGID_00000119114222353757616520000010177324152031335102_);}
-	
-		.st6{clip-path:url(#SVGID_00000017474103154272622460000012651476000629950640_);fill:url(#SVGID_00000057848894314429527210000004686437580427679641_);}
-	.st7{clip-path:url(#SVGID_00000113316615200491030760000005339811685199878785_);fill:#58595B;}
-	
-		.st8{clip-path:url(#SVGID_00000066491877553354060840000006222907218660910772_);fill:url(#SVGID_00000068660952791657966140000015023798467600174484_);}
-	.st9{clip-path:url(#SVGID_00000134940327282624659190000005599389400669715868_);fill:#58595B;}
-	
-		.st10{clip-path:url(#SVGID_00000070101018464111603340000005221264386358321558_);fill:url(#SVGID_00000093175037611742611210000006535540813171277245_);}
-	.st11{clip-path:url(#SVGID_00000108994660451891655360000011216820460551881859_);fill:#58595B;}
-	
-		.st12{clip-path:url(#SVGID_00000126284006972402879400000017073028010481281681_);fill:url(#SVGID_00000078032734527779569450000014510275191611732129_);}
-	.st13{clip-path:url(#SVGID_00000041989722090387369880000005142855490324630149_);fill:#58595B;}
-	
-		.st14{clip-path:url(#SVGID_00000008144139064416253330000001371201325561901232_);fill:url(#SVGID_00000162338280567927860310000006625568716672466349_);}
-	.st15{fill:url(#SVGID_00000107579140264200663370000014862123875719528870_);}
-	.st16{fill:url(#SVGID_00000150077704230297031360000010357530202464247699_);}
-	.st17{fill:url(#SVGID_00000158708769760592275030000008255620809247488391_);}
-	.st18{fill:url(#SVGID_00000081635611226190584930000005414258969694416256_);}
-	.st19{fill:#E24525;}
+	.st0{fill:#DE3C07;}
 </style>
-<g transform="matrix(.9957 0 0 1 -29.69 -15.7)">
-	<g>
-		<defs>
-			<path id="SVGID_1_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3
-				l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
-		</defs>
-		<clipPath id="SVGID_00000161625913714908996350000016893829807554758308_">
-			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="38.8" y="11.4" style="clip-path:url(#SVGID_00000161625913714908996350000016893829807554758308_);fill:#898B8D;" width="500.5" height="51.3"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_00000039836262835380498550000011059029963603167132_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9
-				l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5
-				V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
-		</defs>
-		<clipPath id="SVGID_00000145031951764524482510000018231235710457635774_">
-			<use xlink:href="#SVGID_00000039836262835380498550000011059029963603167132_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000078005731935047407090000014247676509137934225_" gradientUnits="userSpaceOnUse" x1="-2155.9543" y1="407.4166" x2="-2070.4788" y2="407.4166" gradientTransform="matrix(0.1861 0.356 0.6751 -0.353 635.8905 960.1897)">
-			<stop  offset="0" style="stop-color:#737373"/>
-			<stop  offset="1" style="stop-color:#333333"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000145031951764524482510000018231235710457635774_);fill:url(#SVGID_00000078005731935047407090000014247676509137934225_);" points="
-			481.6,64 538,33.7 553.8,64.4 497.4,94.8 		"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_00000076561558978916356880000015140687587276658330_" d="M75.6,94.3V73.8c0-1.7,0.4-4.7,0.4-4.7l0.9-2.1v-0.9
-				l0.9-1.7l0.4-0.4l0.4-0.9l0.4-0.4v-0.4l0.9-0.9V61l3-3l0.9-0.4h0.4l1.3-0.9h1.3l2.6-1.3C91,55,92.3,55,94,55h404.3v39.3h38.5
-				V15.7H94c-31.2,0-56.8,26.1-56.8,58.1v20.5L75.6,94.3z"/>
-		</defs>
-		<clipPath id="SVGID_00000103258313834897957480000003231911644215059134_">
-			<use xlink:href="#SVGID_00000076561558978916356880000015140687587276658330_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000021104482084073619980000000310603221330206850_" gradientUnits="userSpaceOnUse" x1="-2680.4678" y1="-1439.9541" x2="-2590.7183" y2="-1439.9541" gradientTransform="matrix(-0.1853 0.3564 0.5495 0.2858 364.6892 1415.868)">
-			<stop  offset="0" style="stop-color:#737373"/>
-			<stop  offset="1" style="stop-color:#333333"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000103258313834897957480000003231911644215059134_);fill:url(#SVGID_00000021104482084073619980000000310603221330206850_);" points="
-			46.1,38.8 91.8,63.6 76,94.3 30.3,70 		"/>
-	</g>
-	<rect x="114" y="94.3" class="st3" width="345.7" height="39.3"/>
-	<rect x="114" y="410.2" class="st3" width="345.7" height="39.3"/>
-	<g>
-		<defs>
-			<path id="SVGID_00000114055607210798498370000001002523773793945769_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
-				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
-				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
-		</defs>
-		<clipPath id="SVGID_00000059296627347981136360000010347353956952511913_">
-			<use xlink:href="#SVGID_00000114055607210798498370000001002523773793945769_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="34.6" y="481.1" style="clip-path:url(#SVGID_00000059296627347981136360000010347353956952511913_);fill:#898B8D;" width="500.5" height="51.3"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_00000083078593533593096740000013581966812793105295_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
-				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
-				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
-		</defs>
-		<clipPath id="SVGID_00000062174986535570822790000001001368201827526835_">
-			<use xlink:href="#SVGID_00000083078593533593096740000013581966812793105295_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000135670850981559560900000018215134362259054507_" gradientUnits="userSpaceOnUse" x1="811.4501" y1="-1366.8854" x2="901.1996" y2="-1366.8854" gradientTransform="matrix(-0.1861 -0.356 -0.6751 0.353 -707.3138 1267.1102)">
-			<stop  offset="0" style="stop-color:#737373"/>
-			<stop  offset="1" style="stop-color:#333333"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000062174986535570822790000001001368201827526835_);fill:url(#SVGID_00000135670850981559560900000018215134362259054507_);" points="
-			92.3,480.3 35.8,510.6 20,479.4 76.4,449.1 		"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_00000069387802829912992070000017877887322812304551_" d="M498.3,449.5V470c0,1.7-0.4,4.7-0.4,4.7l-0.9,2.1v0.9
-				l-0.9,1.7l-0.4,0.4l-0.4,0.9l-0.4,0.4v0.4l-0.9,0.9v0.4l-2.1,2.1h-0.4l-0.4,0.4l-0.9,0.4l-0.4,0.4l-1.3,0.9h-1.3L485,488
-				c-1.7,0.4-3,0.4-4.7,0.4H75.6v-39.3H37.1v78.6h442.8c31.2,0,56.8-26.1,56.8-58.1v-20.5h-38.5L498.3,449.5z"/>
-		</defs>
-		<clipPath id="SVGID_00000008836442898483601820000003705779373768739512_">
-			<use xlink:href="#SVGID_00000069387802829912992070000017877887322812304551_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000098932532327988457340000003565367637112387763_" gradientUnits="userSpaceOnUse" x1="1784.5061" y1="-1110.6769" x2="1869.9818" y2="-1110.6769" gradientTransform="matrix(0.1853 -0.3564 -0.5495 -0.2858 -435.8124 810.832)">
-			<stop  offset="0" style="stop-color:#737373"/>
-			<stop  offset="1" style="stop-color:#333333"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000008836442898483601820000003705779373768739512_);fill:url(#SVGID_00000098932532327988457340000003565367637112387763_);" points="
-			528.2,505 482,480.3 497.8,449.5 544,473.8 		"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000010996101013734781830000007867714471007731611_" x="75.9" y="173.4" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000176023620328728773890000003366896823840317880_">
-			<use xlink:href="#SVGID_00000010996101013734781830000007867714471007731611_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="75.6" y="173.4" style="clip-path:url(#SVGID_00000176023620328728773890000003366896823840317880_);fill:#58595B;" width="147.9" height="39.3"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000063603815544437227670000014535972395345575865_" x="75.9" y="173.4" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000080172769172156080430000009348266803940717726_">
-			<use xlink:href="#SVGID_00000063603815544437227670000014535972395345575865_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000061437428820175280410000012910652936243919511_" gradientUnits="userSpaceOnUse" x1="2810.6194" y1="-1931.616" x2="2973.1812" y2="-1931.616" gradientTransform="matrix(-1.5145 -1.0166 -3.14 -1.519 -1537.55 197.8917)">
-			<stop  offset="0.107" style="stop-color:#58595B"/>
-			<stop  offset="1" style="stop-color:#000000"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000080172769172156080430000009348266803940717726_);fill:url(#SVGID_00000061437428820175280410000012910652936243919511_);" points="
-			207.6,244.3 73.9,172.5 89.7,140.9 223.9,212.7 		"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000155831191177564464590000000672741723583733403_" x="350.7" y="173.4" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000153685801618943493350000005915922512874429330_">
-			<use xlink:href="#SVGID_00000155831191177564464590000000672741723583733403_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="350.4" y="173.4" style="clip-path:url(#SVGID_00000153685801618943493350000005915922512874429330_);fill:#58595B;" width="147.9" height="39.3"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000107553520980901561460000016486314101050164627_" x="350.7" y="173.4" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000060712213222627070190000012103345451443261081_">
-			<use xlink:href="#SVGID_00000107553520980901561460000016486314101050164627_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000122707151202761213610000010003090446827164862_" gradientUnits="userSpaceOnUse" x1="1609.4034" y1="-1128.1943" x2="1771.9652" y2="-1128.1943" gradientTransform="matrix(1.5145 -1.0166 3.14 -1.519 1407.1268 197.8917)">
-			<stop  offset="0.107" style="stop-color:#58595B"/>
-			<stop  offset="1" style="stop-color:#000000"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000060712213222627070190000012103345451443261081_);fill:url(#SVGID_00000122707151202761213610000010003090446827164862_);" points="
-			366.2,244.3 500.4,172.5 484.2,140.9 350.4,212.7 		"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000074426844654628894550000014179632847424566144_" x="350.7" y="331.1" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000034082934939390513700000011272967209820827580_">
-			<use xlink:href="#SVGID_00000074426844654628894550000014179632847424566144_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="350.4" y="331.1" style="clip-path:url(#SVGID_00000034082934939390513700000011272967209820827580_);fill:#58595B;" width="147.9" height="39.3"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000137115064005292752050000010886041686049043100_" x="350.7" y="331.1" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000121238272746715506240000009389978763949670580_">
-			<use xlink:href="#SVGID_00000137115064005292752050000010886041686049043100_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000036955702282511980320000012048949119629900468_" gradientUnits="userSpaceOnUse" x1="-2911.8599" y1="1028.277" x2="-2749.2986" y2="1028.277" gradientTransform="matrix(1.5145 1.0166 3.14 1.519 1467.1268 1655.9083)">
-			<stop  offset="0.107" style="stop-color:#58595B"/>
-			<stop  offset="1" style="stop-color:#000000"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000121238272746715506240000009389978763949670580_);fill:url(#SVGID_00000036955702282511980320000012048949119629900468_);" points="
-			366.2,299.5 500.4,371.3 484.2,402.9 350.4,331.1 		"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000163057097200676911240000003353066092125288875_" x="75.9" y="331.1" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000118376390153040949260000009539981367530778027_">
-			<use xlink:href="#SVGID_00000163057097200676911240000003353066092125288875_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<rect x="75.6" y="331.1" style="clip-path:url(#SVGID_00000118376390153040949260000009539981367530778027_);fill:#58595B;" width="147.9" height="39.3"/>
-	</g>
-	<g>
-		<defs>
-			<rect id="SVGID_00000026880314297427201320000000148371263097136561_" x="75.9" y="331.1" width="147.2" height="39.3"/>
-		</defs>
-		<clipPath id="SVGID_00000007412462534933134820000005287557117453584557_">
-			<use xlink:href="#SVGID_00000026880314297427201320000000148371263097136561_"  style="overflow:visible;"/>
-		</clipPath>
-		
-			<linearGradient id="SVGID_00000140003725491096668590000013912226250182393766_" gradientUnits="userSpaceOnUse" x1="-1914.0239" y1="360.5265" x2="-1747.3463" y2="360.5265" gradientTransform="matrix(-1.5145 1.0166 -3.14 1.519 -1478.55 1655.9083)">
-			<stop  offset="0.107" style="stop-color:#58595B"/>
-			<stop  offset="1" style="stop-color:#000000"/>
-		</linearGradient>
-		
-			<polygon style="clip-path:url(#SVGID_00000007412462534933134820000005287557117453584557_);fill:url(#SVGID_00000140003725491096668590000013912226250182393766_);" points="
-			207.6,299.5 73.9,371.3 89.7,402.9 223.9,331.1 		"/>
-	</g>
-	
-		<linearGradient id="SVGID_00000076566193030608922820000018359958889579052706_" gradientUnits="userSpaceOnUse" x1="67.3122" y1="386.6274" x2="253.6492" y2="386.6274" gradientTransform="matrix(0.9957 0 0 -1 -29.9016 529.9)">
-		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
-		<stop  offset="1" style="stop-color:#404040"/>
-	</linearGradient>
-	<polygon style="fill:url(#SVGID_00000076566193030608922820000018359958889579052706_);" points="223.5,173.4 223.5,212.7 
-		37.1,113.1 37.1,73.8 	"/>
-	
-		<linearGradient id="SVGID_00000075845952153535352390000018436971392597003402_" gradientUnits="userSpaceOnUse" x1="-749.6718" y1="386.6274" x2="-563.3348" y2="386.6274" gradientTransform="matrix(-0.9957 0 0 -1 -209.7216 529.9)">
-		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
-		<stop  offset="1" style="stop-color:#404040"/>
-	</linearGradient>
-	<polygon style="fill:url(#SVGID_00000075845952153535352390000018436971392597003402_);" points="350.4,173.4 350.4,212.7 
-		536.7,113.1 536.7,73.8 	"/>
-	
-		<linearGradient id="SVGID_00000155848256125861092890000002885250276450038198_" gradientUnits="userSpaceOnUse" x1="-580.4642" y1="-993.5318" x2="-394.1272" y2="-993.5318" gradientTransform="matrix(-0.9957 0 0 1 -41.2416 1394.3)">
-		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
-		<stop  offset="1" style="stop-color:#404040"/>
-	</linearGradient>
-	<polygon style="fill:url(#SVGID_00000155848256125861092890000002885250276450038198_);" points="350.4,370.9 350.4,331.1 
-		536.7,430.7 536.7,470.4 	"/>
-	
-		<linearGradient id="SVGID_00000081623276548387145410000003048116308743511709_" gradientUnits="userSpaceOnUse" x1="-101.4863" y1="-993.5318" x2="84.5516" y2="-993.5318" gradientTransform="matrix(0.9957 0 0 1 138.5984 1394.3)">
-		<stop  offset="0.2373" style="stop-color:#A6A8AB"/>
-		<stop  offset="1" style="stop-color:#404040"/>
-	</linearGradient>
-	<polygon style="fill:url(#SVGID_00000081623276548387145410000003048116308743511709_);" points="223.5,370.9 223.5,331.1 
-		37.1,430.7 37.1,470.4 	"/>
-	<polygon class="st19" points="350.4,291.8 350.4,291.8 350.4,291.8 350.4,291.8 459.8,350.3 459.8,310.6 424.3,291.8 536.7,291.8 
-		536.7,252 424.3,252 459.8,233.2 459.8,193.9 350.4,252 	"/>
-	<polygon class="st19" points="114,350.3 223.5,291.8 223.5,291.8 223.5,291.8 223.5,291.8 223.5,252 223.5,252 223.5,252 
-		114,193.9 114,233.2 149.9,252 37.1,252 37.1,291.8 149.5,291.8 114,310.6 	"/>
+<g>
+	<polygon class="st0" points="112,0 112,112 400,112 400,400 512,400 512,160.2 352.4,0 	"/>
+	<polygon class="st0" points="400,512 400,400 112,400 112,112 0,112 0,352.4 160.2,512 	"/>
 </g>
 </svg>
diff --git a/webp/opnsense-light.webp b/webp/opnsense-light.webp
new file mode 100755
index 00000000..7aa9aac7
Binary files /dev/null and b/webp/opnsense-light.webp differ
diff --git a/webp/opnsense-v1.webp b/webp/opnsense-v1.webp
new file mode 100755
index 00000000..e26e9f87
Binary files /dev/null and b/webp/opnsense-v1.webp differ
diff --git a/webp/opnsense.webp b/webp/opnsense.webp
index e26e9f87..73b41e28 100755
Binary files a/webp/opnsense.webp and b/webp/opnsense.webp differ