360 Secure SkillHub
360 安全技能中心

Icon

这是Web及APP项目的图标处理工具,通过bash脚本操作。核心功能含生成指定样式SVG图标、合并多SVG为精灵表、ICO/PNG/SVG格式互转、搜索图标名、批量调尺寸、生成完整favicon套装。适用于项目图标制作、格式转换等场景,输入为命令行参数,输出对应格式图标文件或精灵表

ckchzh
ckchzh
热度 73.09
最近更新 2026-05-11 17:31:57
分类:创作依赖:代码执行 / 读写文件应用场景:图像生成 / 文件转换 / 品牌素材

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add icon
Metadata
name
icon
description
Generate and convert icons. Use when creating SVGs, building sprite sheets, converting ICO/PNG/SVG, or generating favicon sets.
version
3.4.0
author
BytesAgain
homepage
https://bytesagain.com
source
https://github.com/bytesagain/ai-skills
tags
["icon","svg","favicon","sprite","design"]

Icon

Generate, convert, and manage icons for web and app projects.

Commands

generate

Generate an SVG icon from a name and optional style parameters.

bash scripts/script.sh generate --name "arrow-right" --size 24 --color "#333" --output icons/

sprite

Combine multiple SVG icons into a single SVG sprite sheet.

bash scripts/script.sh sprite --input icons/ --output sprite.svg --prefix "icon-"

convert

Convert icons between ICO, PNG, and SVG formats.

bash scripts/script.sh convert --input icon.svg --format png --sizes "16,32,64"

search

Search available icon names by keyword.

bash scripts/script.sh search --query "arrow" --style outline

resize

Batch resize icons to specified dimensions.

bash scripts/script.sh resize --input icons/ --sizes "16,24,32,48" --output resized/

favicon

Generate a full favicon set (ICO, PNG, Apple Touch, manifest) from a source image.

bash scripts/script.sh favicon --input logo.svg --output favicons/

Output

  • generate: SVG file written to output directory
  • sprite: Single SVG sprite sheet with <symbol> elements
  • convert: Converted files in target format and sizes
  • search: List of matching icon names printed to stdout
  • resize: Resized icon files in output directory
  • favicon: favicon.ico, apple-touch-icon.png, android-chrome PNGs, site.webmanifest

Requirements

  • bash 4+

Feedback

https://bytesagain.com/feedback/


Powered by BytesAgain | bytesagain.com