skills.rest
alimtvnetwork
alimtvnetworkCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

logo-and-icon-design

Generates transparent SVG and PNG logo assets with color palettes and favicons.

Updated Jul 2, 2026
Search Tags:#branding#icon generation#color palette#logo design#SVG#favicon#transparent png
One-click install
npx skills add https://github.com/alimtvnetwork/laravel-automation-v1 --skill logo-and-icon-design-alimtvnetwork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: logo-and-icon-design
Source: https://github.com/alimtvnetwork/laravel-automation-v1/tree/main/.agents/skills/logo-and-icon-design
Command: npx skills add https://github.com/alimtvnetwork/laravel-automation-v1 --skill logo-and-icon-design-alimtvnetwork

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating consistent, production-ready branding assets requires juggling multiple formats, sizes, and theme variants, and mistakes like opaque backgrounds or non-scalable vectors break icons across platforms. ## Core Features & Use Cases - Vector & Raster Generation: Produces responsive SVG logos (primary, dark, white variants) plus transparent PNG icons at 52px through 1024px sizes. - Brand Documentation: Generates a color palette file with HEX, RGB, and HSL values and a project readme with relative asset links. - Animated Mode: Optionally creates animated SVGs with CSS keyframes and looping GIFs for dynamic branding. - Use Case: A startup founder needs a complete brand kit for a new app; the Skill generates the SVG logo set, six transparent PNG sizes, favicons, and a documented color palette in a lowercase, numbered project folder. ## Quick Start Generate a complete logo and icon branding kit for my product named Acme with a minimalist blue color palette, including dark and white variants.

Frequently Asked Questions about logo-and-icon-design

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

FAQPage Schema
How do I generate a logo with transparent background PNG?▼

Request logo generation with your product name, idea, and sample colors. The workflow produces PNG icons at 52, 128, 256, 512, and 1024 pixels, all with 100% transparent alpha-channel backgrounds and no solid fills.

What files are included in a generated branding kit?▼

Each project folder contains SVG variants (logo.svg, logo-dark.svg, logo-white.svg), six transparent PNG sizes, a palette.md color file with HEX/RGB/HSL values, a readme.md, and root-level favicon.ico and favicon.png files.

Can I create an animated logo for my website?▼

Yes, animated mode generates a logo-animated.svg using CSS keyframes for pulse, rotation, or draw effects, plus a seamless looping gif-animation.gif at the repo root. Set the is_animated input to true when requesting assets.

Does the dark logo variant use a black background?▼

No, dark variants use inverted, lighter, or white artwork on a 100% transparent canvas so the icon remains visible on dark website themes. Solid background rectangles are banned in both SVG and PNG outputs.

What inputs are required before generating brand assets?▼

You must provide product_name, product_idea with brand tone, and sample_colors. Optional inputs include inspiration_logos for style reference, needs_dark_white_variants (default true), and is_animated (default false).

Related Skills

Explore More Design & Creative Skills→
haJ1thaJ1t

branding-generator

Generate a brand identity document with color palettes, typography, and asset checklists.

Community
Intermediate
irismakerirismaker

favicon-generator

Generate SVG, PNG, and ICO favicon sets and update HTML head and manifest entries.

Community
Intermediate
lapaixkemsdortshlee-svglapaixkemsdortshlee-svg

app-icon-optimization

Diagnose app icon complexity and propose A/B test variants for App Store search.

Community
Intermediate
Team-AiltirTeam-Ailtir
2

recraft

Generate SVG vector icons from text prompts aligned with Ailtir brand guidelines.

Official
Intermediate