feat: Multi platform icon generator #487

JeevaRamanathan · 2025-09-30T18:45:31Z

PR Title

feat: Multi platform icon generator

Summary

Added Multi-Platform Icon Generator that can generate images with 35+ icon sizes. Automates creation of platform-specific icon sizes from one source image for app stores and web deployment.

Description

Automates icon generation for Android, iOS, Web, Windows, macOS
Supports PNG, JPG, BMP, TIFF, GIF, WebP input formats
Creates rounded corner icons and favicon.ico files
Generates HTML preview for visual verification
Auto-installs Pillow dependency if missing
Processes single images with menu-driven interface

Checks

in the repository

Made no changes that degrades the functioning of the repository
Gave each commit a better title (unlike updated README.md)

in the PR

Followed the format of the pull_request_template
Made the Pull Request in a small level (for the creator's wellfare)
Tested the changes you made

Thank You,
Jeeva Ramanathan

Signed-off-by: JeevaRamanathan <[email protected]>

JeevaRamanathan · 2025-10-02T18:12:34Z

Hi @DhanushNehru, just a gentle reminder to review this PR when you get time. Thanks!

Copilot

Pull Request Overview

This PR introduces a Multi-Platform Icon Generator that automates the creation of platform-specific icon sizes from a single source image. The tool generates 35+ different icon sizes required by modern app stores and web deployment.

Automates icon generation for Android, iOS, Web, Windows, and macOS platforms
Provides rounded corner icons and favicon.ico generation
Creates HTML preview for visual verification with auto-installation of dependencies

Reviewed Changes

Copilot reviewed 4 out of 46 changed files in this pull request and generated 2 comments.

File	Description
README.md	Adds table entry for the new Multi-Platform Icon Generator tool
Multi-Platform Icon Generator/icon_generator.py	Main Python script implementing icon generation functionality with platform-specific sizes
Multi-Platform Icon Generator/README.md	Documentation explaining usage, dependencies, and output structure
Multi-Platform Icon Generator/sample_icons/icon_preview.html	Sample HTML preview file showing generated icons organized by platform

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

README.md

Multi-Platform Icon Generator/sample_icons/icon_preview.html

Co-authored-by: Copilot <[email protected]>

Copilot

Pull Request Overview

Copilot reviewed 4 out of 46 changed files in this pull request and generated 20 comments.

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Multi-Platform Icon Generator/sample_icons/icon_preview.html

Copilot · 2025-10-03T07:32:28Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPad-App.png" alt="iPad-App">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Copilot · 2025-10-03T07:32:28Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="ios\App-Store.png" alt="App-Store">
+                <div class="icon-size">App-Store<br>1024x1024</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPad-App.png" alt="iPad-App">
+                <div class="icon-size">iPad-App<br>76x76</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPad-App@2x">
+                <div class="icon-size">iPad-App@2x<br>152x152</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPad-Pro.png" alt="iPad-Pro">
+                <div class="icon-size">iPad-Pro<br>167x167</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-App.png" alt="iPhone-App">
+                <div class="icon-size">iPhone-App<br>60x60</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-App@2x">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Suggested change

<img src="ios\App-Store.png" alt="App-Store">

<div class="icon-size">App-Store<br>1024x1024</div>

</div>

<div class="icon-item">

<img src="ios\iPad-App.png" alt="iPad-App">

<div class="icon-size">iPad-App<br>76x76</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPad-App@2x">

<div class="icon-size">iPad-App@2x<br>152x152</div>

</div>

<div class="icon-item">

<img src="ios\iPad-Pro.png" alt="iPad-Pro">

<div class="icon-size">iPad-Pro<br>167x167</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-App.png" alt="iPhone-App">

<div class="icon-size">iPhone-App<br>60x60</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-App@2x">

<img src="ios/App-Store.png" alt="App-Store">

<div class="icon-size">App-Store<br>1024x1024</div>

</div>

<div class="icon-item">

<img src="ios/iPad-App.png" alt="iPad-App">

<div class="icon-size">iPad-App<br>76x76</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPad-App@2x">

<div class="icon-size">iPad-App@2x<br>152x152</div>

</div>

<div class="icon-item">

<img src="ios/iPad-Pro.png" alt="iPad-Pro">

<div class="icon-size">iPad-Pro<br>167x167</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-App.png" alt="iPhone-App">

<div class="icon-size">iPhone-App<br>60x60</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-App@2x">

Multi-Platform Icon Generator/sample_icons/icon_preview.html

Copilot · 2025-10-03T07:32:29Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="macos\icon_1024x1024.png" alt="icon_1024x1024">
+                <div class="icon-size">icon_1024x1024<br>1024x1024</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="macos\icon_128x128.png" alt="icon_128x128">
+                <div class="icon-size">icon_128x128<br>128x128</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="macos\icon_16x16.png" alt="icon_16x16">
+                <div class="icon-size">icon_16x16<br>16x16</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="macos\icon_256x256.png" alt="icon_256x256">
+                <div class="icon-size">icon_256x256<br>256x256</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="macos\icon_32x32.png" alt="icon_32x32">
+                <div class="icon-size">icon_32x32<br>32x32</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="macos\icon_512x512.png" alt="icon_512x512">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Suggested change

<img src="macos\icon_1024x1024.png" alt="icon_1024x1024">

<div class="icon-size">icon_1024x1024<br>1024x1024</div>

</div>

<div class="icon-item">

<img src="macos\icon_128x128.png" alt="icon_128x128">

<div class="icon-size">icon_128x128<br>128x128</div>

</div>

<div class="icon-item">

<img src="macos\icon_16x16.png" alt="icon_16x16">

<div class="icon-size">icon_16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="macos\icon_256x256.png" alt="icon_256x256">

<div class="icon-size">icon_256x256<br>256x256</div>

</div>

<div class="icon-item">

<img src="macos\icon_32x32.png" alt="icon_32x32">

<div class="icon-size">icon_32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="macos\icon_512x512.png" alt="icon_512x512">

<img src="macos/icon_1024x1024.png" alt="icon_1024x1024">

<div class="icon-size">icon_1024x1024<br>1024x1024</div>

</div>

<div class="icon-item">

<img src="macos/icon_128x128.png" alt="icon_128x128">

<div class="icon-size">icon_128x128<br>128x128</div>

</div>

<div class="icon-item">

<img src="macos/icon_16x16.png" alt="icon_16x16">

<div class="icon-size">icon_16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="macos/icon_256x256.png" alt="icon_256x256">

<div class="icon-size">icon_256x256<br>256x256</div>

</div>

<div class="icon-item">

<img src="macos/icon_32x32.png" alt="icon_32x32">

<div class="icon-size">icon_32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="macos/icon_512x512.png" alt="icon_512x512">

Copilot · 2025-10-03T07:32:32Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+        <div class="icon-grid">
+
+            <div class="icon-item">
+                <img src="windows\extra-large.png" alt="extra-large">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Copilot · 2025-10-03T07:32:32Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+            </div>
+
+            <div class="icon-item">
+                <img src="windows\jumbo.png" alt="jumbo">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Multi-Platform Icon Generator/sample_icons/icon_preview.html

Copilot · 2025-10-03T07:32:33Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="windows\extra-large.png" alt="extra-large">
+                <div class="icon-size">extra-large<br>64x64</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="windows\jumbo.png" alt="jumbo">
+                <div class="icon-size">jumbo<br>256x256</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="windows\large.png" alt="large">
+                <div class="icon-size">large<br>48x48</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="windows\medium.png" alt="medium">
+                <div class="icon-size">medium<br>32x32</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="windows\small.png" alt="small">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Suggested change

<img src="windows\extra-large.png" alt="extra-large">

<div class="icon-size">extra-large<br>64x64</div>

</div>

<div class="icon-item">

<img src="windows\jumbo.png" alt="jumbo">

<div class="icon-size">jumbo<br>256x256</div>

</div>

<div class="icon-item">

<img src="windows\large.png" alt="large">

<div class="icon-size">large<br>48x48</div>

</div>

<div class="icon-item">

<img src="windows\medium.png" alt="medium">

<div class="icon-size">medium<br>32x32</div>

</div>

<div class="icon-item">

<img src="windows\small.png" alt="small">

<img src="windows/extra-large.png" alt="extra-large">

<div class="icon-size">extra-large<br>64x64</div>

</div>

<div class="icon-item">

<img src="windows/jumbo.png" alt="jumbo">

<div class="icon-size">jumbo<br>256x256</div>

</div>

<div class="icon-item">

<img src="windows/large.png" alt="large">

<div class="icon-size">large<br>48x48</div>

</div>

<div class="icon-item">

<img src="windows/medium.png" alt="medium">

<div class="icon-size">medium<br>32x32</div>

</div>

<div class="icon-item">

<img src="windows/small.png" alt="small">

Copilot · 2025-10-03T07:32:33Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+            </div>
+
+            <div class="icon-item">
+                <img src="windows\small.png" alt="small">


File paths use Windows-style backslashes which will break on Unix-based systems. Use forward slashes for cross-platform compatibility.

Co-authored-by: Copilot <[email protected]>

JeevaRamanathan · 2025-10-03T09:09:42Z

Updated as per copilot suggestion

Copilot

Pull Request Overview

Copilot reviewed 4 out of 46 changed files in this pull request and generated 14 comments.

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Multi-Platform Icon Generator/sample_icons/icon_preview.html

Copilot · 2025-10-05T03:20:23Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="ios\[email protected]" alt="iPhone-App@2x">
+                <div class="icon-size">iPhone-App@2x<br>120x120</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-App@3x">
+                <div class="icon-size">iPhone-App@3x<br>180x180</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Notification.png" alt="iPhone-Notification">
+                <div class="icon-size">iPhone-Notification<br>20x20</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Settings.png" alt="iPhone-Settings">
+                <div class="icon-size">iPhone-Settings<br>29x29</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@2x">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="ios\[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@2x">

<img src="ios/[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@2x">

Copilot · 2025-10-05T03:20:24Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="ios\[email protected]" alt="iPhone-App@2x">
+                <div class="icon-size">iPhone-App@2x<br>120x120</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-App@3x">
+                <div class="icon-size">iPhone-App@3x<br>180x180</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Notification.png" alt="iPhone-Notification">
+                <div class="icon-size">iPhone-Notification<br>20x20</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Settings.png" alt="iPhone-Settings">
+                <div class="icon-size">iPhone-Settings<br>29x29</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@2x">
+                <div class="icon-size">iPhone-Settings@2x<br>58x58</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@3x">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="ios\[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@3x">

<img src="ios/[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@3x">

Copilot · 2025-10-05T03:20:24Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="ios\[email protected]" alt="iPhone-App@2x">
+                <div class="icon-size">iPhone-App@2x<br>120x120</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-App@3x">
+                <div class="icon-size">iPhone-App@3x<br>180x180</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Notification.png" alt="iPhone-Notification">
+                <div class="icon-size">iPhone-Notification<br>20x20</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Settings.png" alt="iPhone-Settings">
+                <div class="icon-size">iPhone-Settings<br>29x29</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@2x">
+                <div class="icon-size">iPhone-Settings@2x<br>58x58</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@3x">
+                <div class="icon-size">iPhone-Settings@3x<br>87x87</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Spotlight.png" alt="iPhone-Spotlight">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="ios\[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@3x">

<div class="icon-size">iPhone-Settings@3x<br>87x87</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Spotlight.png" alt="iPhone-Spotlight">

<img src="ios/[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@3x">

<div class="icon-size">iPhone-Settings@3x<br>87x87</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Spotlight.png" alt="iPhone-Spotlight">

Copilot · 2025-10-05T03:20:24Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="ios\[email protected]" alt="iPhone-App@2x">
+                <div class="icon-size">iPhone-App@2x<br>120x120</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-App@3x">
+                <div class="icon-size">iPhone-App@3x<br>180x180</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Notification.png" alt="iPhone-Notification">
+                <div class="icon-size">iPhone-Notification<br>20x20</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Settings.png" alt="iPhone-Settings">
+                <div class="icon-size">iPhone-Settings<br>29x29</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@2x">
+                <div class="icon-size">iPhone-Settings@2x<br>58x58</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Settings@3x">
+                <div class="icon-size">iPhone-Settings@3x<br>87x87</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\iPhone-Spotlight.png" alt="iPhone-Spotlight">
+                <div class="icon-size">iPhone-Spotlight<br>40x40</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="ios\[email protected]" alt="iPhone-Spotlight@2x">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="ios\[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Settings@3x">

<div class="icon-size">iPhone-Settings@3x<br>87x87</div>

</div>

<div class="icon-item">

<img src="ios\iPhone-Spotlight.png" alt="iPhone-Spotlight">

<div class="icon-size">iPhone-Spotlight<br>40x40</div>

</div>

<div class="icon-item">

<img src="ios\[email protected]" alt="iPhone-Spotlight@2x">

<img src="ios/[email protected]" alt="iPhone-App@2x">

<div class="icon-size">iPhone-App@2x<br>120x120</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-App@3x">

<div class="icon-size">iPhone-App@3x<br>180x180</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Notification.png" alt="iPhone-Notification">

<div class="icon-size">iPhone-Notification<br>20x20</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Settings.png" alt="iPhone-Settings">

<div class="icon-size">iPhone-Settings<br>29x29</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@2x">

<div class="icon-size">iPhone-Settings@2x<br>58x58</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Settings@3x">

<div class="icon-size">iPhone-Settings@3x<br>87x87</div>

</div>

<div class="icon-item">

<img src="ios/iPhone-Spotlight.png" alt="iPhone-Spotlight">

<div class="icon-size">iPhone-Spotlight<br>40x40</div>

</div>

<div class="icon-item">

<img src="ios/[email protected]" alt="iPhone-Spotlight@2x">

Copilot · 2025-10-05T03:20:26Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">
+                <div class="icon-size">android-chrome-192x192<br>192x192</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">
+                <div class="icon-size">android-chrome-512x512<br>512x512</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-16x16.png" alt="favicon-16x16">
+                <div class="icon-size">favicon-16x16<br>16x16</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-32x32.png" alt="favicon-32x32">
+                <div class="icon-size">favicon-32x32<br>32x32</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-96x96.png" alt="favicon-96x96">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web\favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web\favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web\favicon-96x96.png" alt="favicon-96x96">

<img src="web/android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web/android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web/favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web/favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web/favicon-96x96.png" alt="favicon-96x96">

Copilot · 2025-10-05T03:20:26Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">
+                <div class="icon-size">android-chrome-192x192<br>192x192</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">
+                <div class="icon-size">android-chrome-512x512<br>512x512</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-16x16.png" alt="favicon-16x16">
+                <div class="icon-size">favicon-16x16<br>16x16</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-32x32.png" alt="favicon-32x32">
+                <div class="icon-size">favicon-32x32<br>32x32</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-96x96.png" alt="favicon-96x96">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web\favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web\favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web\favicon-96x96.png" alt="favicon-96x96">

<img src="web/android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web/android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web/favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web/favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web/favicon-96x96.png" alt="favicon-96x96">

Copilot · 2025-10-05T03:20:26Z

Multi-Platform Icon Generator/sample_icons/icon_preview.html

+                <img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">
+                <div class="icon-size">android-chrome-192x192<br>192x192</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">
+                <div class="icon-size">android-chrome-512x512<br>512x512</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-16x16.png" alt="favicon-16x16">
+                <div class="icon-size">favicon-16x16<br>16x16</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-32x32.png" alt="favicon-32x32">
+                <div class="icon-size">favicon-32x32<br>32x32</div>
+            </div>
+
+            <div class="icon-item">
+                <img src="web\favicon-96x96.png" alt="favicon-96x96">


Mixed path separators: some paths use forward slashes (/) while others use backslashes (). For web compatibility, all paths should use forward slashes.

Suggested change

<img src="web\android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web\android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web\favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web\favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web\favicon-96x96.png" alt="favicon-96x96">

<img src="web/android-chrome-192x192.png" alt="android-chrome-192x192">

<div class="icon-size">android-chrome-192x192<br>192x192</div>

</div>

<div class="icon-item">

<img src="web/android-chrome-512x512.png" alt="android-chrome-512x512">

<div class="icon-size">android-chrome-512x512<br>512x512</div>

</div>

<div class="icon-item">

<img src="web/favicon-16x16.png" alt="favicon-16x16">

<div class="icon-size">favicon-16x16<br>16x16</div>

</div>

<div class="icon-item">

<img src="web/favicon-32x32.png" alt="favicon-32x32">

<div class="icon-size">favicon-32x32<br>32x32</div>

</div>

<div class="icon-item">

<img src="web/favicon-96x96.png" alt="favicon-96x96">

Multi-Platform Icon Generator/sample_icons/icon_preview.html

README.md

Co-authored-by: Copilot <[email protected]>

Signed-off-by: JeevaRamanathan <[email protected]>

JeevaRamanathan added 2 commits September 30, 2025 19:25

Add Multi-Platform Icon Generator

6d5bc2c

Signed-off-by: JeevaRamanathan <[email protected]>

updated the list of scripts in readme

78cc675

Signed-off-by: JeevaRamanathan <[email protected]>

DhanushNehru requested a review from Copilot October 3, 2025 06:47

DhanushNehru added hacktoberfest good first issue hacktoberfest-accepted labels Oct 3, 2025

Copilot AI reviewed Oct 3, 2025

View reviewed changes

README.md Outdated Show resolved Hide resolved

Multi-Platform Icon Generator/sample_icons/icon_preview.html Outdated Show resolved Hide resolved

JeevaRamanathan and others added 2 commits October 3, 2025 12:46

fix the path in projects list

299b3c8

Co-authored-by: Copilot <[email protected]>

update the path to forward slash

775223a

Co-authored-by: Copilot <[email protected]>

DhanushNehru requested a review from Copilot October 3, 2025 07:29

Copilot AI reviewed Oct 3, 2025

View reviewed changes

JeevaRamanathan and others added 4 commits October 3, 2025 14:36

update the path to forward slash

fae4ad8

Co-authored-by: Copilot <[email protected]>

update the path to forward slash

d13cfc8

Co-authored-by: Copilot <[email protected]>

update the path to forward slash

eeed2b7

Co-authored-by: Copilot <[email protected]>

update the path to forward slash

eeda1df

Co-authored-by: Copilot <[email protected]>

DhanushNehru requested a review from Copilot October 5, 2025 03:18

Copilot AI reviewed Oct 5, 2025

View reviewed changes

JeevaRamanathan and others added 3 commits October 5, 2025 11:20

update the path to forward slash

624de62

Co-authored-by: Copilot <[email protected]>

update the path to forward slash

035a49b

Co-authored-by: Copilot <[email protected]>

updated forward slash

1092b44

Signed-off-by: JeevaRamanathan <[email protected]>

Uh oh!

feat: Multi platform icon generator #487

Are you sure you want to change the base?

feat: Multi platform icon generator #487

Uh oh!

Conversation

JeevaRamanathan commented Sep 30, 2025

PR Title

Summary

Description

Checks

in the repository

in the PR

Uh oh!

JeevaRamanathan commented Oct 2, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Uh oh!

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

Uh oh!

JeevaRamanathan commented Oct 3, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Uh oh!

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Oct 5, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!