Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Custom SVG icon sets v1.0.0

Use this resource to create a consistent SVG icon set for a website or app

New

  • 420 downloads
  • 189 likes
  • 181 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install custom-svg-icon-sets

With no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.

First time: connect the CLI with

npx --yes palatekit@latest login

The agent learns about the project, suggests a grouped icon list, then fixes a style spec: stroke, caps, corners, padding. It draws the icons in batches of five, checking consistency, then adds a preview page. You get currentColor SVG files, a style-spec.json file and an HTML preview.

Mostly picked by

Updated November 2, 2026

Grid of SVG icons with a uniform stroke, with an enlarged version and one on a dark background.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • SKILL.md with the workflow, strict SVG rules and optical corrections
  • Five style presets and icon suggestions by industry
  • SVG examples and an HTML preview page template

Good fit for

  • Giving a tradesperson or small business site its own icons
  • Avoiding the generic look of icon libraries
  • Keeping one style across 20 or more icons

Not for

  • Drawing complex illustrations or logos
  • Looking icons up in an existing library
  • Creating multicolor icons

Tags

  • icons
  • svg
  • brand identity
  • website
  • design

About

You say

"Create a set of 20 icons for a plumber's website, modern and friendly."

Grid of SVG icons with a uniform stroke, with an enlarged version and one on a dark background.

Skill published by jezweb under the MIT license.

Show more

Prerequisites

You bring
A description of the project and its mood and A palette or brand guide, if you have one

How to use it

  1. Describe the business, the mood and how many icons you want.
  2. Approve the proposed icon list and style preset.
  3. Open preview.html to review the set, then ask for tweaks.

Content preview

Files

  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • references/industry-icons.md5.5 KB
  • references/preview-template.md4.4 KB
  • references/style-presets.md4.9 KB
  • references/svg-examples.md7.5 KB
  • SKILL.md7.9 KB

Origin and licence

Modified by PalateKit

Author
jezweb
Source
github.com/jezweb/claude-skills/tree/1260fa7439b36b18dbf16648ccc7fb44783f6c23/plugins/design-assets/skills/icon-set-generator
Licence
MIT

Notice

Version modifiée de « icon-set-generator » (jezweb, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Can the colors be changed?

Yes, the icons use currentColor and take the text or CSS color.

Is any special tool needed?

No, the SVGs and the preview page open in a browser.