<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Shrushti</title>
    <description>The latest articles on DEV Community by Shrushti (@carojoya).</description>
    <link>https://dev.to/carojoya</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3976185%2F1905fb3c-110d-4389-99a8-67c0318b67cf.png</url>
      <title>DEV Community: Shrushti</title>
      <link>https://dev.to/carojoya</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/carojoya"/>
    <language>en</language>
    <item>
      <title>Customize Desktop Icons</title>
      <dc:creator>Shrushti</dc:creator>
      <pubDate>Tue, 16 Jun 2026 07:29:07 +0000</pubDate>
      <link>https://dev.to/carojoya/customize-desktop-icons-4dg2</link>
      <guid>https://dev.to/carojoya/customize-desktop-icons-4dg2</guid>
      <description>&lt;p&gt;I've always loved customizing my desktop with unique icons, but I never found an easy way to create &lt;strong&gt;pixel art icons&lt;/strong&gt; that work as Windows &lt;code&gt;.ico&lt;/code&gt; files. So I built &lt;strong&gt;IconShrubs&lt;/strong&gt; — a web tool that transforms any image into a pixelated masterpiece and downloads it as a desktop icon.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;👉 Try it here: &lt;a href="https://icon-shrubs.vercel.app/" rel="noopener noreferrer"&gt;IconShrubs&lt;/a&gt;&lt;/strong&gt; &lt;/p&gt;




&lt;h2&gt;
  
  
  ✨ What is IconShrubs?
&lt;/h2&gt;

&lt;p&gt;IconShrubs is a web application that lets you:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Upload any PNG or JPG image&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Apply a pixel art effect&lt;/strong&gt; with adjustable pixel sizes (1-24px)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Download as &lt;code&gt;.ico&lt;/code&gt;&lt;/strong&gt; (Windows desktop icon) &lt;strong&gt;or &lt;code&gt;.png&lt;/code&gt;&lt;/strong&gt; (for pixel editors)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Remove backgrounds&lt;/strong&gt; for cleaner icons&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zoom and pan&lt;/strong&gt; to inspect your pixel art in detail&lt;/li&gt;
&lt;li&gt;Works entirely in your browser with a lightweight API for ICO conversion&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🎯 Why I Built This
&lt;/h2&gt;

&lt;p&gt;As a developer and pixel art enthusiast, I wanted:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A &lt;strong&gt;fast, mystical-looking web tool&lt;/strong&gt; that's actually fun to use&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ICO conversion&lt;/strong&gt; without clunky command-line tools&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PNG export&lt;/strong&gt; for continuing edits in &lt;strong&gt;Libresprite&lt;/strong&gt;, &lt;strong&gt;Aseprite&lt;/strong&gt;, or any pixel editor&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;beautiful UI&lt;/strong&gt; that makes image processing feel like magic ✨&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🚀 Key Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Pixel Art Generator
&lt;/h3&gt;

&lt;p&gt;Adjust pixel block size from &lt;strong&gt;1px&lt;/strong&gt; (original quality) to &lt;strong&gt;24px&lt;/strong&gt; (chunky pixel art) with presets like &lt;em&gt;Tiny&lt;/em&gt;, &lt;em&gt;Small&lt;/em&gt;, &lt;em&gt;Medium&lt;/em&gt;, &lt;em&gt;Large&lt;/em&gt;, and &lt;em&gt;Giant&lt;/em&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Original vs Pixelated Toggle
&lt;/h3&gt;

&lt;p&gt;Compare your original image side-by-side with the pixelated version. Perfect for deciding if the effect works for your icon!&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Background Removal
&lt;/h3&gt;

&lt;p&gt;When you upload a PNG, IconShrubs asks if you'd like to &lt;strong&gt;remove the background&lt;/strong&gt; — ideal for logos, characters, or objects with simple backgrounds.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Zoom &amp;amp; Pan
&lt;/h3&gt;

&lt;p&gt;Inspect your pixel art up to &lt;strong&gt;400% zoom&lt;/strong&gt; with drag-to-pan, so you can see every pixel block in detail.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Two Download Options
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Download as &lt;code&gt;.ico&lt;/code&gt;&lt;/strong&gt; → Ready-to-use Windows desktop icon (256x256)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Download as &lt;code&gt;.png&lt;/code&gt;&lt;/strong&gt; → Keep the pixel art for editing in &lt;strong&gt;Aseprite / Libresprite / Photoshop&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  6. Mystical UI
&lt;/h3&gt;

&lt;p&gt;Themed with gradients, floating animations, and glass-morphism effects to make the experience feel magical.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧠 How It Works
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Upload&lt;/strong&gt; → Validates file type, size, and dimensions (64x64 to 2048x2048)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Background Removal (optional)&lt;/strong&gt; → Simple algorithm removes near-white pixels from PNGs&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pixelation&lt;/strong&gt; → Downsamples the image, then scales it back up using nearest-neighbor interpolation for sharp pixel blocks&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;ICO Conversion&lt;/strong&gt; → The pixelated canvas is sent to an API that converts it to a proper Windows icon file&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  🎨 Use Cases
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Desktop Customization&lt;/strong&gt; → Turn your favorite logos, characters, or art into Windows icons&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pixel Art Workflow&lt;/strong&gt; → Start with a photo → pixelate → export to PNG → refine in &lt;strong&gt;Aseprite&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Game Dev Prototyping&lt;/strong&gt; → Quickly generate pixel art placeholders for your indie game&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Content Creation&lt;/strong&gt; → Create unique pixel icons for YouTube, Twitch, or social media&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🌟 Try It Yourself!
&lt;/h2&gt;

&lt;p&gt;👉 &lt;strong&gt;&lt;a href="https://icon-shrubs.vercel.app/" rel="noopener noreferrer"&gt;IconShrubs&lt;/a&gt;&lt;/strong&gt; — Upload an image, pixelate it, and download your custom Windows icon today!&lt;/p&gt;

&lt;p&gt;If you find this useful, please ⭐ the repo and share with fellow pixel enthusiasts!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Happy pixelating!&lt;/strong&gt; 🎮✨&lt;/p&gt;




&lt;p&gt;Made with ❤️ by Shrushti Jadhav&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;#React #TypeScript #PixelArt #TailwindCSS #WebDev #OpenSource #DesktopCustomization #IndieDev #Aseprite #IconDesign&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>sideprojects</category>
      <category>tooling</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
