diff --git a/cookbook/static/assets/logo_color_plan.svg b/cookbook/static/assets/logo_color_plan.svg
new file mode 100644
index 000000000..eaad83096
--- /dev/null
+++ b/cookbook/static/assets/logo_color_plan.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg48" inkscape:export-xdpi="48" inkscape:export-ydpi="48" sodipodi:docname="logo_color_shopping.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:serif="http://www.serif.com/" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 558.1 558.1"
+	 style="enable-background:new 0 0 558.1 558.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#ellipse2_00000062882008473870802360000001235346600214014370_);}
+	.st1{clip-path:url(#SVGID_00000040562990235419179500000014537515251997333940_);}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#161616;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFCB76;}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6F00;}
+	.st5{clip-path:url(#SVGID_00000026884998257896383920000012290328997039565247_);}
+	.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#FFD100;}
+	.st7{fill:#161616;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" id="namedview50" inkscape:current-layer="svg48" inkscape:cx="256" inkscape:cy="256" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1377" inkscape:window-maximized="1" inkscape:window-width="2560" inkscape:window-x="2552" inkscape:window-y="-8" inkscape:zoom="2.0039062" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g id="Kreis" transform="matrix(0.92371046,0,0,0.95776263,3.7134303,-54.329713)">
+	
+		<linearGradient id="ellipse2_00000072976586691886204630000005673338158137684613_" gradientUnits="userSpaceOnUse" x1="-24.1585" y1="348.0664" x2="-23.1585" y2="348.0664" gradientTransform="matrix(2.147900e-06 0 0 -2.227081e-06 4347.1548 66.3621)">
+		<stop  offset="0" style="stop-color:#272727"/>
+		<stop  offset="1" style="stop-color:#6C6C6C"/>
+	</linearGradient>
+	
+		<ellipse id="ellipse2" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ellipse2_00000072976586691886204630000005673338158137684613_);" cx="298.1" cy="348.1" rx="302.1" ry="291.3"/>
+	<g>
+		<defs>
+			<circle id="SVGID_1_" cx="298.1" cy="348.1" r="279"/>
+		</defs>
+		<clipPath id="SVGID_00000080899089203538361760000014164288875061347472_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="g18" style="clip-path:url(#SVGID_00000080899089203538361760000014164288875061347472_);">
+			<g id="Shadow" transform="matrix(1.10322,0,0,1.064,-5.58287,50.5786)">
+				<path id="path7" class="st2" d="M163.2,477.5l271.2,271.2L759.1,557L416.4,214.2L163.2,477.5z"/>
+				<g id="g11" transform="translate(-4.22105,0.775864)">
+					<path id="path9" class="st2" d="M223.4,188.6L545.8,511l121-106.1L326,64.1l-3.2,78.4L223.4,188.6z"/>
+				</g>
+				<g id="g15" transform="translate(-85.3876,27.8512)">
+					<path id="path13" class="st2" d="M328.5,154.7l322.4,322.4l3.1-71.6L313.3,64.7l-3.6,82.2L328.5,154.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="g23" transform="matrix(0.93750213,0,0,0.93750213,15.953517,15.99888)">
+	<path id="path21" class="st3" d="M280.6,238.7c35.1,0,65.8-14.8,85.3-30.1c19.7-15.6,48.3-12.5,64.2,6.9
+		c26.2,31.7,41.8,71.9,41.8,115.6c0,71.6-44.2,159.9-105.6,190.9c-26.4,13.3-53.8,19.6-85.6,19.6l0,0h-0.1h-0.1l0,0
+		c-31.8,0-59.2-6.3-85.6-19.6C133.5,491.1,89.3,402.7,89.3,331.2c0-43.7,15.7-83.9,41.8-115.6c15.9-19.4,44.5-22.5,64.2-6.9
+		C214.8,224,245.5,238.7,280.6,238.7L280.6,238.7z"/>
+</g>
+<g id="Flame-2" transform="matrix(0.61547875,0,0,0.56833279,-138.25728,-438.60298)" serif:id="Flame 2">
+	<path id="path25" class="st4" d="M636,823.4c-2.8-4-2.8-9.6-0.1-13.7c2.8-4.1,7.7-5.6,12.1-3.9c22.2,8.9,51.2,22.5,73.8,40.9
+		c46.9,38.3,59.7,63.9,70.2,90.3c12.4,31.2,14.2,63.5,11.6,86c-7.6,64.6-56,117.9-125,117.9c-69,0-123.9-52.8-125-117.9
+		c-0.7-39.2,12.1-70.5,26.1-92.8c3.5-5.6,10-7.8,15.8-5.6c5.8,2.3,9.5,8.6,8.8,15.3c-2,14.1-3.3,28.8-2.7,40.6
+		c2.2,39.8,25.9,50,50.2,49.8c25.9-0.2,52.1-22.2,42.7-78.4C686.3,902.9,656.8,853.5,636,823.4L636,823.4z"/>
+	<g>
+		<defs>
+			<path id="SVGID_00000067227953264718972400000007310393595166440114_" d="M636,823.4c-2.8-4-2.8-9.6-0.1-13.7
+				c2.8-4.1,7.7-5.6,12.1-3.9c22.2,8.9,51.2,22.5,73.8,40.9c46.9,38.3,59.7,63.9,70.2,90.3c12.4,31.2,14.2,63.5,11.6,86
+				c-7.6,64.6-56,117.9-125,117.9c-69,0-123.9-52.8-125-117.9c-0.7-39.2,12.1-70.5,26.1-92.8c3.5-5.6,10-7.8,15.8-5.6
+				c5.8,2.3,9.5,8.6,8.8,15.3c-2,14.1-3.3,28.8-2.7,40.6c2.2,39.8,25.9,50,50.2,49.8c25.9-0.2,52.1-22.2,42.7-78.4
+				C686.3,902.9,656.8,853.5,636,823.4L636,823.4z"/>
+		</defs>
+		<clipPath id="SVGID_00000178886517717031376290000002615817110574070691_">
+			<use xlink:href="#SVGID_00000067227953264718972400000007310393595166440114_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="g34" style="clip-path:url(#SVGID_00000178886517717031376290000002615817110574070691_);">
+			<g id="g32" transform="matrix(1.28784,-0.270602,0.285942,1.59598,247.349,825.209)">
+				<path id="path30" class="st6" d="M279.8,36.7c28.5,13.5,59.3,44.8,67.8,85.1c14.1,67-25.3,85.6-59.1,84
+					c-54.2-2.6-72.4-45.5-36.2-97.1C274.8,76.8,253.9,24.5,279.8,36.7z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<path class="st7" d="M245.7,280.1c6.2,0,11.1,5,11.1,11.1v11.1h44.5v-11.1c0-6.2,5-11.1,11.1-11.1s11.1,5,11.1,11.1v11.1h16.7
+	c9.2,0,16.7,7.5,16.7,16.7v16.7H201.2V319c0-9.2,7.5-16.7,16.7-16.7h16.7v-11.1C234.5,285,239.5,280.1,245.7,280.1z M201.2,346.8
+	h155.8v94.6c0,9.2-7.5,16.7-16.7,16.7H217.8c-9.2,0-16.7-7.5-16.7-16.7V346.8z M223.4,374.6v11.1c0,3.1,2.5,5.6,5.6,5.6h11.1
+	c3.1,0,5.6-2.5,5.6-5.6v-11.1c0-3.1-2.5-5.6-5.6-5.6H229C225.9,369.1,223.4,371.6,223.4,374.6z M267.9,374.6v11.1
+	c0,3.1,2.5,5.6,5.6,5.6h11.1c3.1,0,5.6-2.5,5.6-5.6v-11.1c0-3.1-2.5-5.6-5.6-5.6h-11.1C270.4,369.1,267.9,371.6,267.9,374.6z
+	 M318,369.1c-3.1,0-5.6,2.5-5.6,5.6v11.1c0,3.1,2.5,5.6,5.6,5.6h11.1c3.1,0,5.6-2.5,5.6-5.6v-11.1c0-3.1-2.5-5.6-5.6-5.6H318z
+	 M223.4,419.1v11.1c0,3.1,2.5,5.6,5.6,5.6h11.1c3.1,0,5.6-2.5,5.6-5.6v-11.1c0-3.1-2.5-5.6-5.6-5.6H229
+	C225.9,413.6,223.4,416.1,223.4,419.1z M273.5,413.6c-3.1,0-5.6,2.5-5.6,5.6v11.1c0,3.1,2.5,5.6,5.6,5.6h11.1c3.1,0,5.6-2.5,5.6-5.6
+	v-11.1c0-3.1-2.5-5.6-5.6-5.6H273.5z M312.4,419.1v11.1c0,3.1,2.5,5.6,5.6,5.6h11.1c3.1,0,5.6-2.5,5.6-5.6v-11.1
+	c0-3.1-2.5-5.6-5.6-5.6H318C314.9,413.6,312.4,416.1,312.4,419.1z"/>
+</svg>
diff --git a/cookbook/static/assets/logo_color_plan_144.png b/cookbook/static/assets/logo_color_plan_144.png
new file mode 100644
index 000000000..37b3a9386
Binary files /dev/null and b/cookbook/static/assets/logo_color_plan_144.png differ
diff --git a/cookbook/static/assets/logo_color_plan_512.png b/cookbook/static/assets/logo_color_plan_512.png
new file mode 100644
index 000000000..ece36bd38
Binary files /dev/null and b/cookbook/static/assets/logo_color_plan_512.png differ
diff --git a/cookbook/static/assets/logo_color_shopping.svg b/cookbook/static/assets/logo_color_shopping.svg
new file mode 100644
index 000000000..d34c07549
--- /dev/null
+++ b/cookbook/static/assets/logo_color_shopping.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg48" inkscape:export-xdpi="48" inkscape:export-ydpi="48" sodipodi:docname="logo_color_shopping.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:serif="http://www.serif.com/" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 558.1 558.1"
+	 style="enable-background:new 0 0 558.1 558.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#ellipse2_00000123406314579419878720000015292012387505797789_);}
+	.st1{clip-path:url(#SVGID_00000069378195777491616980000011609770225407185072_);}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#161616;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFCB76;}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6F00;}
+	.st5{clip-path:url(#SVGID_00000129168706913539839680000006972943119257724314_);}
+	.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#FFD100;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1" gridtolerance="10" guidetolerance="10" id="namedview50" inkscape:current-layer="svg48" inkscape:cx="256" inkscape:cy="256" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-height="1377" inkscape:window-maximized="1" inkscape:window-width="2560" inkscape:window-x="2552" inkscape:window-y="-8" inkscape:zoom="2.0039062" objecttolerance="10" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g id="Kreis" transform="matrix(0.92371046,0,0,0.95776263,3.7134303,-54.329713)">
+	
+		<linearGradient id="ellipse2_00000092432231847401152480000013557045245219773118_" gradientUnits="userSpaceOnUse" x1="-24.1585" y1="348.0664" x2="-23.1585" y2="348.0664" gradientTransform="matrix(2.147900e-06 0 0 -2.227081e-06 4347.1548 66.3621)">
+		<stop  offset="0" style="stop-color:#272727"/>
+		<stop  offset="1" style="stop-color:#6C6C6C"/>
+	</linearGradient>
+	
+		<ellipse id="ellipse2" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#ellipse2_00000092432231847401152480000013557045245219773118_);" cx="298.1" cy="348.1" rx="302.1" ry="291.3"/>
+	<g>
+		<defs>
+			<circle id="SVGID_1_" cx="298.1" cy="348.1" r="279"/>
+		</defs>
+		<clipPath id="SVGID_00000078750348294658121660000005213362532985289101_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="g18" style="clip-path:url(#SVGID_00000078750348294658121660000005213362532985289101_);">
+			<g id="Shadow" transform="matrix(1.10322,0,0,1.064,-5.58287,50.5786)">
+				<path id="path7" class="st2" d="M163.2,477.5l271.2,271.2L759.1,557L416.4,214.2L163.2,477.5z"/>
+				<g id="g11" transform="translate(-4.22105,0.775864)">
+					<path id="path9" class="st2" d="M223.4,188.6L545.8,511l121-106.1L326,64.1l-3.2,78.4L223.4,188.6z"/>
+				</g>
+				<g id="g15" transform="translate(-85.3876,27.8512)">
+					<path id="path13" class="st2" d="M328.5,154.7l322.4,322.4l3.1-71.6L313.3,64.7l-3.6,82.2L328.5,154.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="g23" transform="matrix(0.93750213,0,0,0.93750213,15.953517,15.99888)">
+	<path id="path21" class="st3" d="M280.6,238.7c35.1,0,65.8-14.8,85.3-30.1c19.7-15.6,48.3-12.5,64.2,6.9
+		c26.2,31.7,41.8,71.9,41.8,115.6c0,71.6-44.2,159.9-105.6,190.9c-26.4,13.3-53.8,19.6-85.6,19.6l0,0h-0.1h-0.1l0,0
+		c-31.8,0-59.2-6.3-85.6-19.6C133.5,491.1,89.3,402.7,89.3,331.2c0-43.7,15.7-83.9,41.8-115.6c15.9-19.4,44.5-22.5,64.2-6.9
+		C214.8,224,245.5,238.7,280.6,238.7L280.6,238.7z"/>
+</g>
+<g id="Flame-2" transform="matrix(0.61547875,0,0,0.56833279,-138.25728,-438.60298)" serif:id="Flame 2">
+	<path id="path25" class="st4" d="M636,823.4c-2.8-4-2.8-9.6-0.1-13.7c2.8-4.1,7.7-5.6,12.1-3.9c22.2,8.9,51.2,22.5,73.8,40.9
+		c46.9,38.3,59.7,63.9,70.2,90.3c12.4,31.2,14.2,63.5,11.6,86c-7.6,64.6-56,117.9-125,117.9c-69,0-123.9-52.8-125-117.9
+		c-0.7-39.2,12.1-70.5,26.1-92.8c3.5-5.6,10-7.8,15.8-5.6c5.8,2.3,9.5,8.6,8.8,15.3c-2,14.1-3.3,28.8-2.7,40.6
+		c2.2,39.8,25.9,50,50.2,49.8c25.9-0.2,52.1-22.2,42.7-78.4C686.3,902.9,656.8,853.5,636,823.4L636,823.4z"/>
+	<g>
+		<defs>
+			<path id="SVGID_00000170974775404888027640000005842834300324528060_" d="M636,823.4c-2.8-4-2.8-9.6-0.1-13.7
+				c2.8-4.1,7.7-5.6,12.1-3.9c22.2,8.9,51.2,22.5,73.8,40.9c46.9,38.3,59.7,63.9,70.2,90.3c12.4,31.2,14.2,63.5,11.6,86
+				c-7.6,64.6-56,117.9-125,117.9c-69,0-123.9-52.8-125-117.9c-0.7-39.2,12.1-70.5,26.1-92.8c3.5-5.6,10-7.8,15.8-5.6
+				c5.8,2.3,9.5,8.6,8.8,15.3c-2,14.1-3.3,28.8-2.7,40.6c2.2,39.8,25.9,50,50.2,49.8c25.9-0.2,52.1-22.2,42.7-78.4
+				C686.3,902.9,656.8,853.5,636,823.4L636,823.4z"/>
+		</defs>
+		<clipPath id="SVGID_00000137101924108689735560000002063526552501109413_">
+			<use xlink:href="#SVGID_00000170974775404888027640000005842834300324528060_"  style="overflow:visible;"/>
+		</clipPath>
+		<g id="g34" style="clip-path:url(#SVGID_00000137101924108689735560000002063526552501109413_);">
+			<g id="g32" transform="matrix(1.28784,-0.270602,0.285942,1.59598,247.349,825.209)">
+				<path id="path30" class="st6" d="M279.8,36.7c28.5,13.5,59.3,44.8,67.8,85.1c14.1,67-25.3,85.6-59.1,84
+					c-54.2-2.6-72.4-45.5-36.2-97.1C274.8,76.8,253.9,24.5,279.8,36.7z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<path id="path958" class="st2" d="M182.4,290.6c0-4.5,3.6-8.1,8.1-8.1h15.4c7.4,0,14,4.3,17.1,10.8h139.1c8.9,0,15.4,8.5,13.1,17.1
+	l-13.9,51.5c-2.9,10.6-12.5,18-23.5,18h-97.6l1.8,9.6c0.7,3.8,4.1,6.6,8,6.6h97.6c4.5,0,8.1,3.6,8.1,8.1s-3.6,8.1-8.1,8.1H250
+	c-11.7,0-21.8-8.3-23.9-19.8L208.6,301c-0.2-1.3-1.4-2.2-2.7-2.2h-15.4C186,298.8,182.4,295.1,182.4,290.6L182.4,290.6z
+	 M225.7,439.5c0-9,7.3-16.3,16.2-16.3c9,0,16.3,7.3,16.3,16.2c0,0,0,0,0,0c0,9-7.3,16.3-16.2,16.3
+	C233,455.8,225.7,448.5,225.7,439.5C225.7,439.6,225.7,439.5,225.7,439.5z M339.4,423.3c9,0,16.2,7.3,16.3,16.2
+	c0,9-7.3,16.2-16.2,16.3c0,0,0,0,0,0c-9,0-16.2-7.3-16.3-16.2C323.2,430.6,330.4,423.3,339.4,423.3
+	C339.4,423.3,339.4,423.3,339.4,423.3z"/>
+</svg>
diff --git a/cookbook/static/assets/logo_color_shopping_144.png b/cookbook/static/assets/logo_color_shopping_144.png
new file mode 100644
index 000000000..2b326f289
Binary files /dev/null and b/cookbook/static/assets/logo_color_shopping_144.png differ
diff --git a/cookbook/static/assets/logo_color_shopping_512.png b/cookbook/static/assets/logo_color_shopping_512.png
new file mode 100644
index 000000000..07fc85b0a
Binary files /dev/null and b/cookbook/static/assets/logo_color_shopping_512.png differ
diff --git a/cookbook/views/views.py b/cookbook/views/views.py
index 758e76f72..a4f00e47a 100644
--- a/cookbook/views/views.py
+++ b/cookbook/views/views.py
@@ -16,6 +16,7 @@ from django.core.management import call_command
 from django.db import models
 from django.http import HttpResponseRedirect, JsonResponse
 from django.shortcuts import get_object_or_404, redirect, render
+from django.templatetags.static import static
 from django.urls import reverse, reverse_lazy
 from django.utils import timezone
 from django.utils.datetime_safe import date
@@ -529,12 +530,40 @@ def web_manifest(request):
             "name": _("Plan"),
             "short_name": _("Plan"),
             "description": _("View your meal Plan"),
-            "url": "./mealplan"
+            "url": "./mealplan",
+            icons: [
+                {
+                    "src": static('logo_color_plan.svg'),
+                    "sizes": "any"
+                }, {
+                    "src": static('logo_color_plan_144.png'),
+                    "type": "image/png",
+                    "sizes": "144x144"
+                }, {
+                    "src": static('logo_color_plan_512.png'),
+                    "type": "image/png",
+                    "sizes": "512x512"
+                }
+            ]
         }, {
             "name": _("Shopping"),
             "short_name": _("Shopping"),
             "description": _("View your shopping lists"),
-            "url": "./shopping"
+            "url": "./shopping",
+            icons: [
+                {
+                    "src": static('logo_color_shopping.svg'),
+                    "sizes": "any"
+                }, {
+                    "src": static('logo_color_shopping_144.png'),
+                    "type": "image/png",
+                    "sizes": "144x144"
+                }, {
+                    "src": static('logo_color_shopping_512.png'),
+                    "type": "image/png",
+                    "sizes": "512x512"
+                }
+            ]
         }],
         "share_target": {
             "action": "/recipe/import",