SVG Logo Designer

This generates professional SVG logos from text descriptions, giving you multiple concepts and layouts (horizontal, vertical, icon-only, etc.) for each design direction. It walks through a proper requirements gathering phase covering brand personality, logo type (wordmark, lettermark, combination mark), and style preferences before generating clean, scalable vector code. The workflow is thorough, maybe overly so if you just want a quick icon, but if you're actually doing brand work it covers the bases: design rationale, color variations, monochrome versions, and proper file naming conventions. The SVG output follows best practices with semantic grouping, reusable color definitions, and accessibility attributes. Beats sketching in Figma if you need fast iteration on logo concepts.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 5
skills.sh installs: 1.2K
GitHub stars: 91
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add rknall/claude-skills --skill 'SVG Logo Designer' --agent claude-code

Installs into .claude/skills of the current project.

Files

SVG Logo Designer

This skill creates professional, scalable vector graphic (SVG) logos from design specifications, offering multiple variations and layout options.

When to Use This Skill

Activate this skill when the user requests:

Create a logo from a description or specification
Design a brand identity or visual mark
Generate logo variations and concepts
Create icons or symbols
Design wordmarks or lettermarks
Produce scalable graphics for branding
Export logos in different layouts and styles

Core Workflow

Phase 1: Requirements Gathering

When a user requests a logo, gather comprehensive design requirements:

Brand Information
- Company/product name
- Industry and market
- Target audience
- Brand personality (modern, classic, playful, serious, etc.)
- Brand values and messaging
- Competitors (for differentiation)