Create editable SVG logos and icons with QuiverAI

Create is the QuiverAI workspace where the Arrow 2 model draws, vectorizes, edits and animates SVGs.

1. 1Go to quiver.ai and click Start creating to sign up.
2. 2Choose a plan in Billing. The Go trial runs for 14 days.
3. 3Open Create.

You should see an empty prompt box, ready for your first request.

Arrow 2 follows concrete details best: what the asset is for, its size, its style, its colors and what to leave out.

1. 1Paste the template below into the prompt box.
2. 2Fill in each bracket. Describe one main subject, not a busy scene.
3. 3Send it and wait for the result.

Create a [SUBJECT, FOR EXAMPLE A MOUNTAIN PEAK WITH A CRESCENT MOON] logo mark for [USE AND SIZE, FOR EXAMPLE A WEBSITE HEADER AND A 32PX FAVICON].
Use [STYLE, FOR EXAMPLE FLAT GEOMETRIC SHAPES], [YOUR COLORS AS HEX CODES], and [COMPOSITION, FOR EXAMPLE CENTERED WITH EVEN PADDING].
Include [ANY DETAIL THAT MUST BE THERE].
Avoid text, gradients, shadows and background shapes.

You should see an SVG version of your logo idea, ready to refine.

Want words in the logo? Type the exact text and capitalization, then check every letter in the result.

Each result is the base for the next edit, so naming what stays fixed protects the parts you like.

1. 1Pick the result closest to what you need.
2. 2Ask for one change and list what must stay the same, like the example below.
3. 3Check the new version at its final size before you ask for the next change.

Change only [ONE ELEMENT] to [NEW REQUIREMENT].
Keep the silhouette, layout, colors and all other shapes unchanged.

You should see a new version with only that one change made.

If your logo only exists as a PNG or JPG, Arrow 2 can turn it into clean vector shapes.

1. 1Crop the image close to the logo and remove any busy background.
2. 2Upload it in Create and send the prompt below.
3. 3Compare the outline, corners and colors with the original.

Vectorize this image.

You should see an SVG copy of your logo that stays sharp when you zoom in.

A reference image keeps a whole icon set in your logo's shapes, line weight and colors.

1. 1Upload your logo as a reference image.
2. 2Send the prompt below. For each new icon, change only the subject.
3. 3Compare the icons side by side at 24px, and redo only the ones that don't fit.

Use the reference image for its shape language, line weight and color palette only.
Create a 24px [SUBJECT] icon in the same style.
Use a square view box and filled shapes, with no text, gradients or background.

You should see a set of icons that look like they belong with your logo.

Each request starts fresh. Keep your prompt in a note and change only the subject each time.

An SVG keeps every shape as a vector, so you can recolor and resize it with no loss of quality.

1. 1Open the creation, choose Export and pick SVG.
2. 2In Figma, drag the SVG file onto the canvas. Figma turns it into an editable vector layer.
3. 3In Illustrator, open the SVG file the way you open any other file.

You should see your logo as separate shapes and paths you can select and change.

Building a React site? Export as component copies an npx quiverai add command that adds the logo to your project as a component.