Gmail Sent Icon Fix Chrome Extension

This Chrome extension fixes the blurry Gmail Sent items icon in the sidebar by replacing it with a crisp version.

Installation

1. Create a new folder for the extension

2. Add the following files to the folder:

   • manifest.json
   • fix-sent-icon.css
   • Extension icons (optional): icon16.png, icon48.png, icon128.png

3. Open Chrome and go to chrome://extensions/

4. Enable "Developer mode" (toggle in top right)

5. Click "Load unpacked" and select your extension folder

6. The extension will be installed and active

Files Structure

gmail-sent-icon-fix/
├── manifest.json
├── fix-sent-icon.css
├── icon16.png (optional)
├── icon48.png (optional)
└── icon128.png (optional)

How to get the base64 data

1. Download the sent icon from Flaticon
2. Convert it to base64 using one of these methods:

Method 1: Online converter

• Use any online base64 image converter
• Upload your PNG file
• Copy the base64 string (without the data:image/png;base64, prefix)

Method 2: Command line (Linux/Mac)

base64 -i sent.png

Method 3: Browser console

// Drag your image file into browser, then in console:
const input = document.createElement('input');
input.type = 'file';
input.accept = 'image/*';
input.onchange = function(e) {
  const file = e.target.files[0];
  const reader = new FileReader();
  reader.onload = function(e) {
    console.log(e.target.result.split(',')[1]); // This is your base64 data
  };
  reader.readAsDataURL(file);
};
input.click();

3. Replace REPLACE_WITH_BASE64_DATA in the CSS file with your base64 string

How it works

The extension injects CSS that overrides Gmail's default sent icon with a base64-encoded version embedded directly in the CSS. This makes the extension completely self-contained - no external hosting required.

Requirements

• Download the icon from Flaticon and convert it to base64
• The icon should be 20x20 pixels for optimal display
• Icon should be in PNG format for best quality

Icon Attribution

The replacement sent icon is created by Febrian Hidayat and sourced from Flaticon: Sent icons created by Febrian Hidayat - Flaticon

Notes

• The extension only works on mail.google.com
• CSS is injected at document_start for immediate effect
• The fix applies to all hover and focus states of the sent icon