Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseOpenClawOpenClaw+21 more

    Logo & Vector Icon Concept Generator

    2

    Generate three distinct, renderable SVG logo concepts and brand palettes from a simple text prompt.

    $9

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    Security scanned
    Logo & Vector Icon Concept Generator

    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
    • Generated the UI component

    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

    1. Copy the SVG code into an .svg file to preview in your browser.
    2. Import the code into Figma to manually adjust the letter spacing (kerning) for your specific brand name.
    3. For favicon use, extract the icon paths from Concept 1 or 3 and place them in a 32x32 viewBox.

    logo-vector-icon-concept-generator.tsx

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    What you get

    Generate functional SVG code for immediate frontend prototyping.Create scalable vector icons for landing pages and navbars.Design distinct brand concepts with matching hex palettes and fonts.Rapidly iterate on logos for MVPs without using heavy design software.

    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.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 18 days ago

    • Passed all security checks, Safe to install

    Needs access to

    W3

    Listed18 days ago

    What's inside

    Frequently Asked Questions