Skip to content

Replace pixel PNG icons with Lucide and Simple Icons vector drawables#435

Closed
Copilot wants to merge 3 commits intomainfrom
copilot/replace-pixel-icons-with-vector-graphics
Closed

Replace pixel PNG icons with Lucide and Simple Icons vector drawables#435
Copilot wants to merge 3 commits intomainfrom
copilot/replace-pixel-icons-with-vector-graphics

Conversation

Copy link
Contributor

Copilot AI commented Mar 2, 2026

All raster PNG icons have been replaced with Android Vector Drawable XML equivalents, eliminating pixelation at varying densities and reducing bundle size.

Changes

  • 88 PNG → XML conversions (Lucide): Each Lucide icon fetched from lucide-icons/lucide, converted to Android <vector> format with stroke="#000000" (replacing currentColor), strokeWidth="2", round linecap/linejoin
  • 6 PNG → XML conversions (Simple Icons): Brand icons (github, google_play, instagram, mastodon, threads, whatsapp) fetched from Simple Icons and converted to Android <vector> format with fillColor="#000000"
  • Deleted all corresponding .png files

Example conversion (Lucide icon)

<!-- arrow_left.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp" android:height="24dp"
    android:viewportWidth="24" android:viewportHeight="24">
  <path android:pathData="m12 19-7-7 7-7"
      android:strokeLineJoin="round" android:strokeWidth="2"
      android:fillColor="#00000000" android:strokeColor="#000000"
      android:strokeLineCap="round"/>
  <path android:pathData="M19 12H5" ... />
</vector>

Icons left as PNG (no vector replacement available)

File Reason
fingerprint.png Not in Lucide or Simple Icons
logo.png, logo_dark.png, logo_light.png Custom app logos
undraw_relaxing_at_home_black.png, undraw_relaxing_at_home_white.png Custom illustrations
union_jack.png Custom flag graphic
Original prompt

This section details on the original issue you should resolve

<issue_title>Replace all pixel icons with vecor graphics</issue_title>
<issue_description># Steps to replace icons

  1. Download SVG from lucide.dev for corresponding icon
  2. Import it as a VectorAsset in the Android ressources
  3. Replace currentColor with #000000
  4. Move .xml to composeRessources
  5. Delete .png file
  6. Build</issue_description>

<agent_instructions>Use the SVG files from Lucide, for icons (find them at https://lucide.dev/guide/packages/lucide-static). They need to be converted to android vector drawables, raw svgs are not supported. Replace the png versions with their .svg (after conversion it's an xml) counterpart. Do it in multiple commits. Leave all drawables you cannot find a replacement svg for and list them at the end in a comment on this PR</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Converted 88 Lucide PNG icons to Android vector drawable XML files.
Each SVG path uses stroke="#000000" (replacing currentColor),
stroke-width="2", with round linecap and linejoin.

Remaining PNGs (no Lucide equivalent or custom/brand icons):
- fingerprint.png - not available in Lucide icon set
- github.png, instagram.png, mastodon.png, threads.png, whatsapp.png - brand icons
- google_play.png - brand icon
- logo.png, logo_dark.png, logo_light.png - custom app logos
- undraw_relaxing_at_home_black.png, undraw_relaxing_at_home_white.png - custom illustrations
- union_jack.png - custom flag icon

Co-authored-by: Julius-Babies <66371497+Julius-Babies@users.noreply.github.com>
Copilot AI changed the title [WIP] Replace all pixel icons with vector graphics Replace pixel PNG icons with Lucide vector drawables Mar 2, 2026
@Julius-Babies
Copy link
Contributor

@copilot Branc icons can be used from simpleicons

Converted github, google_play, instagram, mastodon, threads, whatsapp
PNG icons to Android vector drawable XML using SVG data from
https://simpleicons.org (Simple Icons project).

All paths use fillColor="#000000" (fill-based, no stroke).
Deleted corresponding PNG files.

Co-authored-by: Julius-Babies <66371497+Julius-Babies@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Mar 2, 2026

@copilot Branc icons can be used from simpleicons

Done in cf429b0. Converted all 6 brand icon PNGs (github, google_play, instagram, mastodon, threads, whatsapp) to Android vector drawables using SVG data from Simple Icons.

Remaining PNGs with no vector replacement:

  • fingerprint.png — not in Lucide or Simple Icons
  • logo.png, logo_dark.png, logo_light.png — custom app logos
  • undraw_relaxing_at_home_black.png, undraw_relaxing_at_home_white.png — custom illustrations
  • union_jack.png — custom flag graphic

Copilot AI changed the title Replace pixel PNG icons with Lucide vector drawables Replace pixel PNG icons with Lucide and Simple Icons vector drawables Mar 2, 2026
@Julius-Babies
Copy link
Contributor

Closing in favour of #436

@Julius-Babies Julius-Babies deleted the copilot/replace-pixel-icons-with-vector-graphics branch March 4, 2026 14:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Replace all pixel icons with vecor graphics

2 participants