Add favicons

This commit is contained in:
2026-04-02 16:15:28 -05:00
parent 655aedbd2e
commit 0ac9c7cf51
11 changed files with 86 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

+35
View File
@@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title desc">
<title id="title">Firewall Issues Tool Apple Touch Icon Source</title>
<desc id="desc">Square app icon source with shield and F mark for export to Apple touch icon PNG sizes.</desc>
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#243b53" />
<stop offset="100%" stop-color="#102a43" />
</linearGradient>
<linearGradient id="shield" x1="30%" y1="16%" x2="70%" y2="86%">
<stop offset="0%" stop-color="#ffb347" />
<stop offset="100%" stop-color="#f97316" />
</linearGradient>
</defs>
<rect width="512" height="512" rx="104" fill="url(#bg)" />
<path
d="M256 74L404 138L372 342L256 440L140 342L108 138L256 74Z"
fill="url(#shield)"
stroke="#c2410c"
stroke-width="14"
stroke-linejoin="round"
/>
<text
x="256"
y="258"
text-anchor="middle"
dominant-baseline="middle"
font-family="Segoe UI, Arial, sans-serif"
font-size="152"
letter-spacing="-12"
font-weight="700"
fill="#ffffff"
>FI</text>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

+41
View File
@@ -0,0 +1,41 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-labelledby="title desc">
<title id="title">Firewall Issues Tool Icon</title>
<desc id="desc">A shield with a grid motif and letter F representing firewall issues.</desc>
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#243b53" />
<stop offset="100%" stop-color="#102a43" />
</linearGradient>
<linearGradient id="shield" x1="30%" y1="16%" x2="70%" y2="86%">
<stop offset="0%" stop-color="#ffb347" />
<stop offset="100%" stop-color="#f97316" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#000000" flood-opacity="0.18" />
</filter>
</defs>
<rect x="8" y="8" width="496" height="496" rx="112" fill="url(#bg)" stroke="#486581" stroke-width="16" />
<g filter="url(#shadow)">
<path
d="M256 70L410 136L376 344L256 446L136 344L102 136L256 70Z"
fill="url(#shield)"
stroke="#c2410c"
stroke-width="14"
stroke-linejoin="round"
/>
</g>
<text
x="256"
y="258"
text-anchor="middle"
dominant-baseline="middle"
font-family="Segoe UI, Arial, sans-serif"
font-size="152"
letter-spacing="-12"
font-weight="700"
fill="#ffffff"
>FI</text>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

+5
View File
@@ -4,6 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Firewall issues tool</title> <title>Firewall issues tool</title>
<link rel="icon" type="image/svg+xml" href="icons/favicon.svg">
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="167x167" href="icons/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-touch-icon-152x152.png">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
+5
View File
@@ -4,6 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Process Issues - Firewall issues tool</title> <title>Process Issues - Firewall issues tool</title>
<link rel="icon" type="image/svg+xml" href="icons/favicon.svg">
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="167x167" href="icons/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-touch-icon-152x152.png">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<style> <style>
.process-container { .process-container {