pickframe.
فتح الاستوديو

هذه الأدلة باللغة الإنجليزية.

How to make an SVG logo with AI

By the Pickframe team · · 8 min read

A logo has to work on a business card and on the side of a van, in one colour and in full colour. That is why logos are made as vectors: shapes described by their outlines, which stay sharp at any size and can be recoloured or reshaped. Most AI image models make pixels instead. On 8 November 2026 we gave Pickframe’s vector model three logo briefs, opened the SVG files it made, and measured what is inside them.

How we tested

  • Three briefs for invented businesses: an emblem above a name, a symbol with no words, and a badge with curved lettering.
  • Each went to Recraft V4.1 Vector, which returns an SVG file, through the same fal.ai route and request as the Pickframe studio.
  • For comparison, the same briefs went to GPT Image 2.6 with the studio’s Transparent background. It returns a PNG: pixels with a see-through background, not a vector.
  • One result per model and brief: no retries and no retouching. Each SVG passed Pickframe’s own check for vector files and is served exactly as it was made. Select any picture to open the file.

Brief 1: a bakery

Logo for a neighbourhood bakery: a simple ear of wheat inside a circle, above one line of text, exactly as written: "FERNHILL BAKERY". Flat colours, two only: dark brown and warm orange. No other text.

Brief 2: a bookshop

Minimal geometric logo mark for a bookshop: an owl's face made of simple circles and triangles, perched on an open book. Flat colours, three only: navy, mustard yellow and teal. No text.

Brief 3: a cycling club

Circular badge logo for a cycling club: a simple bicycle in the middle, with the club's name curved around the top of the circle, exactly as written: "NORTHBOUND CYCLING CLUB". One colour only: black. No other text.

The briefs follow our advice on getting correct text in AI images: only the exact words go inside quotation marks, and each says that there is no other text.

The results at a glance

Recraft V4.1 Vector spelled both names correctly and kept to the colours asked for. Every file is a real vector, and every one needs some tidying before it is a finished logo.

Recraft V4.1 VectorBakeryBookshopCycling club
SpellingFERNHILL BAKERY, correctNo text, as askedNORTHBOUND CYCLING CLUB, correct
ColoursThe two asked for, on white, plus nine tiny slivers in in-between shadesThe three asked for, on off-whiteOne, a near-black, on white
Shapes31 shapes, 368 points13 shapes, 118 points34 shapes, 362 points
Holes5 white shapes fill the holes in the lettersNone11 white shapes fill the letters, wheels and frame
File size34.8 KB23.3 KB35.9 KB
Followed the briefYesYes, but a very abstract owlMostly: the lettering curves, but there is no circle

“Shapes” are the filled outlines in the file, and “points” the corners and curve ends along them: the handles you would drag in a vector editor. Fewer of both make a logo easier to edit.

Brief 1: an emblem above a name

Left, the SVG. Right, the PNG, on a checkerboard where it is see-through.

Recraft V4.1 Vector drew a dark brown ear of wheat on an orange circle and set the name below in tall, narrow capitals, spelled correctly. It used the two colours asked for, #2D140E and #F1663C, on a white background shape. The file also holds nine slivers in three in-between shades: together they show in less than a hundredth of a per cent of the picture, too small to see, but they are there to delete. GPT Image 2.6 put an orange ear of wheat inside a brown ring, with the name in a heavy serif, also spelled correctly.

Brief 2: a symbol with no words

The cleanest of the three SVGs: thirteen shapes, three colours, no holes.

This is the tidiest file: 13 shapes, exactly the three colours asked for (#0D072C, #D1AF37 and #15B7B1), and only 5.6 KB of drawing; the rest of the file is a provenance record, explained below. The owl is very abstract, though: two solid navy circles for eyes, teal triangles for the ear tufts and beak, and a mustard dot between them, over an open book. GPT Image 2.6 drew a recognisable owl with ear tufts, ringed eyes and wings, perched on the book.

Brief 3: a badge with curved lettering

Curved lettering is hard for image models; both spelled it correctly.

Recraft V4.1 Vector curved the name evenly over a simple bicycle and spelled it correctly, but drew no circle, so it is an arch rather than a badge. Asked for black, it used #201C1D, a very dark grey. GPT Image 2.6 drew the full badge: a ring with the name inside it and a road bicycle with dropped handlebars and a chainring.

What is inside the SVG files

Every file is made the same way, and knowing how saves time in a vector editor:

  • Everything is a filled shape. There are no lines with a stroke width, no gradients and no transparency. The bicycle’s thin tubes are narrow filled shapes, so you cannot make them thicker by changing a stroke.
  • The letters are outlines, not text. You cannot fix a typo or change a word by typing; you would set the words again in a font.
  • Each starts with a background shape that covers the whole square: white for the bakery and the club, off-white for the bookshop. Put the logo on a coloured page as it is and you get a white square.
  • Holes are shapes too. Every shape is a single outline, so the hole in an O or a wheel is a separate white shape laid on top. Delete the background and those shapes stay white; delete them too and the holes fill in.
  • Half or more of each file is a signed record of where it came from. Each SVG carries a 17.7 KB provenance block (C2PA content credentials) stating that it was made by Recraft AI. It draws nothing. An editor may not keep it when you save, so keep the original if you want that record.
  • The cycling club logo as made, black on white

    As made

  • The same logo on blue with its background shape deleted: the insides of the letters, wheels and frame show red, still filled in

    Background deleted

  • The same logo with the red shapes deleted as well: the wheels are solid black discs and the letters have lost their holes

    Red shapes deleted too

The cycling club SVG as made, then on blue with its background shape deleted, with the 11 shapes that fill its holes shown red, then with those shapes deleted too. The holes have to be cut out of the shapes underneath instead.

Why a PNG is not the same

GPT Image 2.6 followed the briefs more literally, with a real badge and a recognisable owl, and it spelled both names correctly. Its transparency is genuine, too: between 66% and 72% of each picture’s pixels are fully see-through. But each logo is a grid of 1024 × 1024 pixels, from 872.4 KB to 999.7 KB. Enlarge it and the pixels show; you cannot recolour one shape or move a letter.

  • The letters FER from the SVG, drawn four times larger: smooth, sharp edges

    SVG, drawn larger

  • The letters FE from the PNG, its pixels enlarged four times: stepped, slightly blurred edges

    PNG, its pixels enlarged

The start of FERNHILL from each logo at four times its size. The SVG is simply drawn larger; the PNG's pixels are enlarged without smoothing. Up close, the SVG's letters are hand-drawn rather than typeset: their stems lean a little.

A PNG like these is fine for a profile picture or a quick mock-up at a fixed size. To turn one into a vector you would trace it in a vector editor; Pickframe does not convert pictures to SVG. In Pickframe, tools and AI edits on a vector also work on a PNG copy, so their results are pictures, not SVGs.

How to finish the logo in a vector editor

  1. Proofread it first. The words are shapes, so a typo means making the logo again or setting the words yourself.
  2. Delete the background shape, the first and largest shape in the file.
  3. Cut out the holes. Select each white shape with the shape beneath it and subtract the top one: Pathfinder’s Minus Front in Adobe Illustrator, Path › Difference in Inkscape, or Subtract selection in Figma.
  4. Delete stray slivers. Selecting by fill colour (in Illustrator, Select › Same › Fill Color) finds them quickly.
  5. Set your exact colours. The model picks its own shades: the bakery’s brown came out as #2D140E and the cycling club’s black as #201C1D.
  6. Fit the canvas to the artwork. Each file is a square, often with wide margins; trim it so the logo can be placed precisely.
  7. Redraw what matters most. For a logo you will use for years, treat the result as a strong sketch: set the name in a licensed typeface and straighten any curves that wobble.

What we would take from this

  • For a logo you will edit or scale, start with Recraft V4.1 Vector: its files are real vectors with few shapes and the colours you ask for.
  • Expect to tidy every file: a background to delete in all three, holes to cut out in two, slivers in one.
  • Short, quoted names came out right in all four logos with lettering, curved or straight.
  • Describe the layout you need. Recraft V4.1 Vector left out the circle of the badge, and its owl was more abstract than GPT Image 2.6’s.
  • A transparent PNG is a picture, not a vector. Use one where a fixed size is enough.

Make a vector logo in Pickframe

  1. In the studio’s model menu, tick Recraft V4.1 Vector. The size menu lists it as Vector, any size.
  2. Under Describe your image, write the brief: the exact words in quotation marks, how many lines of text there are, and the colours.
  3. To compare with a transparent PNG, also tick GPT Image 2.6 and choose Transparent under Background in the size menu. The vector keeps its own background shape.
  4. Choose Create images. Each vector result is marked SVG. Downloading it saves the SVG file; choose Download PNG in the panel beside it for a picture instead.

On the day, Recraft V4.1 Vector cost 32 credits a logo and GPT Image 2.6 cost 6. Every SVG and PNG, the exact briefs and requests, the checksums and the measurements are in the public manifest.

أول مقارنتين لك على حسابنا.

تحصل عند التسجيل على رصيد مجاني قدره 50. بعدها ادفع فقط مقابل الصور المكتملة، مع عرض كل سعر مسبقًا.

ابدأ المقارنة مجانًا