google-icons

Download Google Fonts Material Symbols as editable SVG icon files.

Updated Apr 16, 2026

Search Tags:#web development #ui design #google fonts #material symbols #python script #icon assets #svg download

Ready to run

npx skills add https://github.com/chuanyue98/prompt-gallery --skill google-icons

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: google-icons
Source: https://github.com/chuanyue98/prompt-gallery/tree/main/.gemini/skills/web_google-icons
Command: npx skills add https://github.com/chuanyue98/prompt-gallery --skill google-icons

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of quickly obtaining consistent, editable icon SVGs from Google Material Symbols without manually searching and copying files.

Core Features & Use Cases

Targeted SVG Downloads: Downloads the requested icon as an SVG file in your preferred Material Symbols style (outlined, rounded, sharp).
Parameter-Controlled Output: Lets you choose icon name, style, and size (defaulting to outlined and 24px) and save to a specified output directory.
Smooth Failure Feedback: Reports clear errors when an icon name or style/size combination is invalid (e.g., HTTP 404).

Quick Start

Ask to download the home icon in outlined style at 24px into the current folder.

Frequently Asked Questions about google-icons

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

FAQPage Schema

How do I download Google Material Symbols as SVG files for my web frontend?▼

To download Material Symbols SVG files, you provide an icon name, style, and size. The script fetches the matching variant from Google Fonts and saves the editable SVG locally for your UI assets.

Can I get outlined, rounded, and sharp styles when fetching Material Symbols icons?▼

Yes, you can fetch outlined, rounded, and sharp styles. You specify the desired style and size parameter, defaulting to outlined at 24px, to resolve the correct icon family variant.

What happens if I request an invalid icon name or style combination for SVG download?▼

If an invalid icon name or style combination is requested, the download fails. The script provides smooth failure feedback by reporting clear errors, such as an HTTP 404, for missing icons.

Do I need Python and the requests library to automate fetching Material Symbols icons?▼

Yes, you need Python and the requests library to run the download script. It uses these dependencies to fetch the specified Material Symbols SVGs and store them in your designated output directory.

What's the best way to build consistent iconography for a design system using Google Fonts?▼

The best way to build consistent iconography is downloading editable Material Symbols SVGs. This fetches exact style and size variants, ensuring uniform icons across design systems and documentation.