first commit
19
public/icons/generate-icons.md
Normal file
@@ -0,0 +1,19 @@
|
||||
# PWA Icons Required
|
||||
|
||||
Create the following icon files in this directory:
|
||||
|
||||
- icon-72x72.png
|
||||
- icon-96x96.png
|
||||
- icon-128x128.png
|
||||
- icon-144x144.png
|
||||
- icon-152x152.png
|
||||
- icon-192x192.png
|
||||
- icon-384x384.png
|
||||
- icon-512x512.png
|
||||
|
||||
You can use any icon generator tool or create them manually. The icons should be square and represent your Claude Code UI application.
|
||||
|
||||
For a quick solution, you can:
|
||||
1. Create a simple square PNG icon (512x512)
|
||||
2. Use online tools like realfavicongenerator.net to generate all sizes
|
||||
3. Or use ImageMagick: `convert icon-512x512.png -resize 192x192 icon-192x192.png`
|
||||
BIN
public/icons/icon-128x128.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-128x128.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-144x144.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-144x144.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-152x152.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-152x152.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-192x192.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-192x192.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-384x384.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-384x384.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-512x512.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-512x512.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-72x72.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-72x72.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
BIN
public/icons/icon-96x96.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
12
public/icons/icon-96x96.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
12
public/icons/icon-template.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Background fills entire canvas - iOS will handle corner rounding -->
|
||||
<rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
|
||||
|
||||
<!-- MessageSquare icon - scaled and centered -->
|
||||
<path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
|
||||
stroke="white"
|
||||
stroke-width="32"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |