- Home
- Skills
- Branding & Design
- Logo & Vector Icon Concept Generator
Works with the AI Agents you already use
Logo & Vector Icon Concept Generator
Generate three distinct, renderable SVG logo concepts and brand palettes from a simple text prompt.
$9
Logo & Vector Icon Concept Generator
Example session with this skill installed
Generate 3 logo concepts for a brand named 'Arcane Coffee'. It is a premium, dark-roast coffee shop. Style: minimalist and sophisticated.
- Read your context and instructions
- Compiled the logo & vector
I have generated three distinct logo concepts for Arcane Coffee, focusing on its premium and sophisticated positioning.
Logo Concepts for Arcane Coffee
Concept 1: Minimalist Geometric Monogram
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<circle cx="200" cy="200" r="180" fill="none" stroke="#2C1B18" stroke-width="8"/>
<path d="M150 280 L200 120 L250 280 M175 200 L225 200" fill="none" stroke="#D4AF37" stroke-width="12" stroke-linecap="round"/>
<text x="200" y="350" font-family="Playfair Display" font-size="32" text-anchor="middle" fill="#2C1B18">ARCANE</text>
</svg>
Rationale: The circular frame suggests a coffee cup rim, while the sharp, gold 'A' monogram provides a high-end, mystical feel.
Font: Playfair Display (Serif)
Palette: #2C1B18 (Deep Espresso), #D4AF37 (Metallic Gold)
Concept 2: Modern Wordmark
<svg viewBox="0 0 600 200" xmlns="http://www.w3.org/2000/svg">
<text x="50" y="130" font-family="Montserrat" font-weight="300" font-size="72" letter-spacing="8" fill="#1A1A1A">ARCANE</text>
<rect x="50" y="150" width="450" height="2" fill="#D4AF37"/>
<text x="52" y="180" font-family="Montserrat" font-size="18" letter-spacing="12" fill="#6F4E37">COFFEE ROASTERS</text>
</svg>
Rationale: A wide, airy wordmark that emphasizes the 'premium' aspect through generous kerning and a thin accent line.
Font: Montserrat (Light/Regular)
Palette: #1A1A1A (Rich Black), #D4AF37 (Gold Accent), #6F4E37 (Coffee Brown)
Concept 3: Abstract Steam Icon
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="M160 300 Q140 250 180 200 T200 100" fill="none" stroke="#D4AF37" stroke-width="15" stroke-linecap="round"/>
<path d="M220 300 Q200 250 240 200 T260 100" fill="none" stroke="#2C1B18" stroke-width="15" stroke-linecap="round"/>
<text x="200" y="360" font-family="Playfair Display" font-weight="700" font-size="40" text-anchor="middle" fill="#1A1A1A">ARCANE</text>
</svg>
Rationale: Abstract rising steam lines represent the sensory experience of a dark roast, utilizing a modern, vertical composition.
Font: Playfair Display (Bold)
Palette: #D4AF37 (Gold), #2C1B18 (Espresso), #1A1A1A (Black)
Next steps
- Copy the SVG code into an
.svgfile to preview in your browser. - Import the code into Figma to manually adjust the letter spacing (kerning) for your specific brand name.
- For favicon use, extract the icon paths from Concept 1 or 3 and place them in a 32x32 viewBox.
Connects securely to your tools. The creator never sees your data.
About this skill
Most AI logo tools give you a paragraph describing what a logo "could look like." This one gives you the actual thing — 3 distinct, clean SVG logo concepts you can copy, preview, and hand to a designer for final polish.
Give it your brand name, industry, and a style direction (minimalist wordmark, geometric icon, mascot, abstract mark, or monogram) — get back real vector code with color palettes and font choices explained, not vague suggestions.
Built from real freelance logo and vector illustration work — every concept follows clean, editable SVG practices so it's actually usable, not just a preview image.
Find more skills like this on the Claude Skills Marketplace, the Codex Skills Marketplace and the Gemini Skills Marketplace, or browse Claude Skills for Branding & Design.
SVG text elements rely on system fonts or web font imports. Complex paths are kept simple for editability. Final production tweaks for kerning and stroke weight are recommended in Figma/Illustrator.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before buying a skill.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 2 months ago
Permissions
No special permissions declared or detected