skills.rest
Boulea7
Boulea7COMMUNITY
Explore all skills by this author →
GitHub

chrome-extension-icons

Generate Chrome extension icons from Iconify and update manifest.json.

Updated Dec 14, 2025
Search Tags:#automation#png#icons#svg#iconify#manifest.json#chrome-extension
One-click install
npx skills add https://github.com/Boulea7/ChromeExtensionIconsSkill --skill chrome-extension-icons
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension-icons
Source: https://github.com/Boulea7/ChromeExtensionIconsSkill/tree/main/skill
Command: npx skills add https://github.com/Boulea7/ChromeExtensionIconsSkill --skill chrome-extension-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the tedious process of creating the required Chrome extension icons. It searches Iconify's 275,000+ icon library, downloads the SVGs, converts them into the four required PNG sizes (16x16, 32x32, 48x48, 128x128), and updates manifest.json automatically. This eliminates manual icon hunting, editing, and configuration mistakes, saving you time and reducing complexity.

Core Features & Use Cases

  • Icon search & selection: Finds best-fit icons from the Iconify library and presents alternatives.
  • 4 size PNG generation: Produces the four required Chrome extension icon sizes in PNG with transparent background.
  • Automated manifest updates: Updates or creates manifest.json with the correct icon paths.
  • Color customization & local SVG conversion: Supports coloring single-color icons and converting your own local SVGs when needed.

Quick Start

To begin, search for an icon or provide an icon ID and run the generator to produce the four PNG sizes and update your manifest. Example: node skill/scripts/generate-icons.js generate --icon "mdi:calendar" --output "./icons" --manifest "./manifest.json"

Frequently Asked Questions about chrome-extension-icons

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Chrome extension icon generation from SVG?▼

Automate Chrome extension icon generation by searching Iconify's 275,000+ icon library, downloading SVGs, and converting them to the four required PNG sizes (16x16, 32x32, 48x48, 128x128) with transparent backgrounds. The Skill handles sourcing, color customization, and manifest.json updates end-to-end, eliminating manual icon hunting and configuration errors.

Can I convert local SVGs to Chrome extension icon sizes automatically?▼

Yes. The Skill supports converting your own local SVGs to the four required Chrome extension PNG sizes while preserving transparency. You can also customize colors on single-color icons and automatically update manifest.json with correct icon paths for all generated sizes.

What PNG sizes do Chrome extensions require for icons?▼

Chrome extensions require four icon sizes: 16x16, 32x32, 48x48, and 128x128 pixels in PNG format with transparent backgrounds. The Skill generates all four sizes automatically from a single source icon and updates manifest.json with the correct paths for each size.

How do I update manifest.json with icon paths automatically?▼

The Skill automatically updates or creates manifest.json with correct icon paths after generating all four required PNG sizes. Provide your manifest file path and icon output directory, and the Skill handles path configuration and verification without manual editing.

Does this work for batch generating icons across multiple Chrome extensions?▼

Yes. The Skill supports batch generation for multiple projects, allowing you to automate icon sourcing, PNG conversion, and manifest updates across several Chrome extensions in a single workflow, reducing repetitive setup work.

What file formats does the icon conversion support?▼

The Skill converts SVG icons from Iconify to PNG format in the four required Chrome extension sizes. It supports local SVG conversion with color customization and outputs transparent PNG files ready for manifest.json configuration.

Related Skills

Explore More Software Engineering Skills→
canvas-medicalcanvas-medical
2

icon-generation

Generate SVG icons from text and convert them to 48x48 PNGs.

Official
Advanced
angelgarciasolorzanoangelgarciasolorzano

chrome-extensions

Guide Chrome Extension development with Manifest V3 best practices.

Community
Advanced
omerakbenomerakben
1

bundle-optimization

Generate a curated icon manifest and enforce selective imports for front-end builds.

Community
Advanced
ssdeanxssdeanx
2

icon-generator

Generate WEbsite, PWA, and platform icons from a single SVG or PNG file.

Community
Intermediate