my-website/app/icon.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg
	id="Layer_5"
	data-name="Layer 5"
	xmlns="http://www.w3.org/2000/svg"
	viewBox="0 0 1024 1024"
>
	<defs>
		<style type="text/css">
			.stroke {
				fill: #242424;
			}

			.tailPoint {
				fill: #ffffff;
			}

			.nose {
				fill: #242424;
			}

			.body {
				fill: #ff7545;
			}

			.cross {
				fill: #242424;
			}

			.ears {
				stroke: #242424;
				stroke-linecap: round;
				stroke-linejoin: round;
				stroke-width: 16px;
			}

			@media (prefers-color-scheme: dark), (prefers-contrast: more) {
				.cross {
					fill: #ffffff;
				}

				.stroke.dark {
					fill: #ff7545;
				}

				.ears {
					stroke: #ff7545;
					stroke-linejoin: miter;
				}
			}
		</style>
	</defs>
	<polygon
		id="CrossPart"
		class="cross"
		points="0 0 128 0 1024 1024 896 1024 0 0"
	/>
	<g id="Fox">
		<g id="TailPart">
			<g id="Tail">
				<path
					class="body"
					d="m397.22,502.76c35.69-43.82,70.91-98.3,107.38-154.71,64.29-99.45,130.76-202.28,209.64-263.99,36.12-28.26,75.86-48.05,121.49-60.48,5-1.37,10.27-2.69,15.66-3.92,31.53-7.21,66.41-11.11,103.78-11.61-1.3,30.15-9.95,59.59-26.33,89.74-3.17,5.86-6.72,11.86-10.55,17.84-22.32,34.84-54.64,70.09-98.8,107.75-66.86,57-156.31,112.15-251.01,170.54-56.65,34.93-114.63,70.67-171.25,108.85Z"
				/>
				<path
					class="stroke dark"
					d="m946.61,16.23c-2.39,25.97-10.56,51.55-24.8,77.76-3.08,5.69-6.53,11.52-10.25,17.33-21.89,34.17-53.7,68.83-97.26,105.98-66.39,56.6-155.59,111.59-250.02,169.81-43.53,26.84-87.84,54.16-131.74,82.7,26.08-35.89,52.1-76.14,78.78-117.41,63.93-98.89,130.03-201.15,207.86-262.03,35.27-27.59,74.08-46.91,118.68-59.06,4.89-1.34,10.05-2.63,15.33-3.84,28.54-6.53,59.89-10.3,93.43-11.23M963.35,0C920.84,0,883.22,4.17,849.61,11.86c-5.43,1.24-10.76,2.58-15.98,4-49.42,13.46-89.79,34.88-124.32,61.9-153.18,119.84-261.34,394.45-383.59,485.24,172.22-127.9,373.87-226.89,498.95-333.53,41.98-35.8,76.33-72.03,100.35-109.52,3.89-6.08,7.52-12.19,10.84-18.33C953.61,68.96,963.35,35.26,963.35,0h0Z"
				/>
			</g>
			<g id="TailPoint">
				<path
					class="tailPoint"
					d="m717.32,221.47V81.69c35.3-27,74.08-46.02,118.42-58.1,5-1.37,10.27-2.69,15.66-3.92,31.53-7.21,66.41-11.11,103.78-11.61-1.3,30.15-9.95,59.59-26.33,89.74-3.17,5.86-6.72,11.86-10.55,17.84-21.94,34.25-53.55,68.89-96.57,105.83h-104.41Z"
				/>
				<path
					class="stroke"
					d="m946.61,16.23c-2.39,25.97-10.56,51.55-24.8,77.76-3.08,5.69-6.53,11.52-10.25,17.33-21.13,32.99-51.52,66.45-92.81,102.15h-93.44v-127.8c33.62-25.11,70.51-42.92,112.54-54.37,4.89-1.34,10.05-2.63,15.33-3.84,28.54-6.53,59.89-10.3,93.43-11.23M963.35,0C920.84,0,883.22,4.17,849.61,11.86c-5.43,1.24-10.76,2.58-15.98,4-49.42,13.46-89.79,34.88-124.32,61.9v151.7h115.36c41.98-35.8,76.33-72.03,100.35-109.52,3.89-6.08,7.52-12.19,10.84-18.33C953.61,68.96,963.35,35.26,963.35,0h0Z"
				/>
			</g>
		</g>
		<g id="BodyPart">
			<path
				class="body"
				d="m185.79,985.39c6.17-165.66,52.38-304.72,134.57-403.91,45.2-54.55,100.97-96.69,165.76-125.26,67.4-29.71,144.72-44.78,229.83-44.78,53.85,0,111.36,6.07,171.29,18.07-359.02,131.99-583.41,309.68-701.45,555.87Z"
			/>
			<path
				class="stroke dark"
				d="m715.95,419.45c44.83,0,92.24,4.26,141.51,12.68-328.87,125.4-541.78,291.08-661.52,515.48,11.31-147.11,55.87-270.87,130.57-361.02,44.4-53.59,99.19-94.98,162.83-123.04,66.37-29.26,142.61-44.1,226.6-44.1m0-16c-352.85,0-538.87,254.29-538.87,620.55,122.22-285.97,378.67-468.45,739.17-596.45-71.77-16.31-138.62-24.1-200.3-24.1h0Z"
			/>
		</g>
		<g id="HeadPart">
			<g id="HeadOnly">
				<g id="Head">
					<path
						class="body"
						d="m108.87,723.29c-.57,0-1.14,0-1.71-.02-12.82-.27-22.47-3.56-28.7-9.79s-9.52-15.88-9.79-28.7c-.8-37.98,26.29-95.15,50.14-119,14.34-14.34,33.4-22.24,53.67-22.24s39.33,7.9,53.67,22.24c14.34,14.33,22.24,33.39,22.24,53.67s-7.9,39.34-22.24,53.68c-23.68,23.68-78.86,50.16-117.28,50.16Z"
					/>
					<path
						class="stroke dark"
						d="m172.48,551.55c18.14,0,35.19,7.06,48.02,19.89,12.83,12.82,19.89,29.87,19.89,48.01s-7.06,35.19-19.89,48.02c-22.11,22.11-75.69,47.81-111.63,47.81-.52,0-1.03,0-1.55-.02-10.68-.22-18.49-2.73-23.21-7.45-4.72-4.72-7.22-12.53-7.45-23.21-.36-16.86,5.09-38.88,15.34-62,9.32-21.04,21.46-40.16,32.46-51.17,12.83-12.83,29.88-19.89,48.02-19.89m0-16c-21.47,0-42.95,8.19-59.33,24.58-24.55,24.55-53.36,83.18-52.48,124.82.29,13.94,3.92,25.98,12.13,34.19,8.21,8.21,20.25,11.84,34.19,12.13.62.01,1.25.02,1.88.02,41.51,0,98.76-28.32,122.94-52.5,32.77-32.77,32.77-85.9,0-118.66-16.39-16.38-37.86-24.58-59.33-24.58h0Z"
					/>
				</g>
				<path
					id="Nose"
					class="nose"
					d="m106.99,731.27c-13.94-.29-25.98-3.92-34.19-12.13-8.21-8.21-11.84-20.25-12.13-34.19,20.9-20.9,67.22,25.42,46.32,46.32Z"
				/>
			</g>
			<path
				id="Ears"
				class="body ears"
				d="m263.57,579.71h0c-1.55-5.95-3.23-12.14-6.73-17.52-24.15-37.02-73.66-54.73-113.12-35.84,54.15-37.67,105.81-57.46,154.53-56.04-20.55,34.44-32.5,70.81-34.67,109.4Z"
			/>
		</g>
	</g>
</svg>