Back to Glossary

Vector Art: Graphics Defined by Mathematical Paths, From Sketchpad to AI

Vector art uses mathematical paths instead of pixels to create infinitely scalable graphics. Learn its history from Ivan Sutherland's 1963 Sketchpad to AI-generated SVG in 2026.

Quiet Canvas Staff
July 29, 2026

In 1963, a 25-year-old PhD student at MIT demonstrated a program called Sketchpad on the TX-2 computer at Lincoln Laboratory. Ivan Sutherland's system let a user draw directly on a cathode-ray tube screen with a light pen. The lines the user drew were not stored as pixels. They were stored as mathematical relationships: points, lines, and arcs defined by coordinates and constraints. If you grabbed a corner of a square and dragged it, the adjacent lines adjusted automatically to maintain the square's structure. Sketchpad was the first computer program to represent graphics as mathematical objects rather than as a grid of dots. It won Sutherland the Turing Award in 1988, and it is the foundation of every vector drawing tool made since, from Adobe Illustrator to Figma to the AI vector generators that appeared in 2026.

Vector art is digital graphics defined by mathematical paths rather than by a grid of pixels. A vector image consists of points, lines, curves, and shapes described by geometric formulas. A Bezier curve, the most common vector primitive, is defined by two endpoints and two control points that determine the curve's shape. Because the image is stored as math, not as pixels, it can be scaled to any size without losing quality. A vector logo drawn at 100 pixels wide and the same logo printed on a billboard at 50 feet wide will both render with the same sharpness. The math does not change. Only the rendering resolution changes.

This entry covers the history of vector art from Sutherland's Sketchpad to AI-generated SVG, the artists who used vector tools as fine art media, and how vector-native AI models are changing the field in 2026.

What Is Vector Art and How Does It Work?

A vector file stores graphics as a set of instructions. "Draw a line from point A to point B." "Fill the area enclosed by this curve with red." "Apply a 2-point stroke to this path." When a computer displays the file, it reads the instructions and renders them to pixels at the screen's resolution. The pixels are temporary. The instructions are permanent. This is the opposite of raster art, where the pixels are the file and scaling up means inventing pixels that were not there, which produces blur.

The Bezier curve is the building block of most vector art. It was developed independently by two engineers in the 1960s: Pierre Bezier at Renault and Paul de Casteljau at Citroen. Both were working on computer-aided design for automobile bodies. Bezier's formulation, published in 1962, became the standard because Renault published while Citroen kept the work internal. A cubic Bezier curve has four points: two endpoints where the curve starts and ends, and two control points that pull the curve in their direction. By moving the control points, you can shape the curve. Every vector drawing tool, from Illustrator to Inkscape to Figma, uses Bezier curves as its primary drawing primitive.

Vector files can also store fills, strokes, gradients, text, and clipping masks. Modern vector formats like SVG (Scalable Vector Graphics) support animation, filters, and interactivity. SVG was developed by the W3C and released as a standard in 2001. It is an XML-based format, meaning the file is human-readable text. A simple SVG file for a red circle looks like this: <circle cx="50" cy="50" r="40" fill="red"/>. This simplicity and portability made SVG the dominant vector format for the web.

Origins and History

Sketchpad to PostScript (1963-1984)

After Sutherland's Sketchpad, vector graphics entered commercial CAD systems in the 1960s and 1970s. Companies like Computervision, Applicon, and M&S Computing (later Intergraph) sold vector-based drafting systems to aerospace, automotive, and engineering firms. These systems used vector display terminals, which drew lines directly on the screen by steering an electron beam, rather than scanning it across a pixel grid the way a raster display does. The terminals were expensive and limited to line drawings, but they established vector graphics as a tool for precise geometric representation.

The breakthrough that brought vector graphics to commercial art and design was PostScript, developed by John Warnock and Chuck Geschke at Adobe Systems in 1982. PostScript was a programming language for describing pages. Instead of sending a grid of pixels to a printer, you sent PostScript instructions that the printer interpreted and rendered at its native resolution. PostScript could describe text, vector shapes, and raster images on the same page. When Apple shipped the LaserWriter in 1985 with a PostScript interpreter, it enabled desktop publishing for the first time. Text and graphics could be designed on a Mac, sent to a LaserWriter, and printed at 300 dpi, a resolution that made vector text look typeset rather than dot-matrix.

Adobe Illustrator and the Desktop Era (1987-2000)

Adobe Illustrator, released in 1987, was the first mainstream vector drawing application for personal computers. It was built on PostScript's graphics model and was designed by Adobe's engineers in consultation with graphic designers. Illustrator made Bezier curve editing available to anyone with a Mac. Within a few years, competitors appeared: CorelDRAW (1989), Macromedia FreeHand (1988), and Canvas (1988). These tools established vector illustration as a distinct discipline within graphic design.

The 1990s saw vector art become the dominant medium for logo design, typography, technical illustration, and print graphics. The ability to scale a logo from a business card to a billboard without quality loss made vector files the standard deliverable for brand identity work. Vector art also became important in early web design, though the web's primary vector format, SVG, would not be standardized until 2001.

SVG and the Web Era (2001-present)

SVG 1.0 was released by the W3C in September 2001. It provided a text-based vector format that could be embedded in HTML, styled with CSS, and scripted with JavaScript. SVG adoption was slow at first because Internet Explorer did not support it natively until IE9 in 2011. But as modern browsers adopted SVG, it became the standard for web icons, charts, maps, and illustrations. By 2026, SVG is everywhere on the web, from favicon sets to animated logos to data visualizations.

Key Artists and Pioneers

Ivan Sutherland (b. 1938)

Sutherland's Sketchpad (1963) is the origin point of vector graphics. His insight was that a drawing could be stored as constraints and relationships rather than as pixels. A line could be defined as "horizontal, starting at point A, ending at point B" rather than as a set of illuminated pixels. This made the drawing editable, scalable, and structurally intelligent. Sutherland's work at MIT, and later at Harvard and Caltech, established the principles that all vector graphics systems still follow.

John Warnock (1940-2023)

Warnock co-founded Adobe Systems with Chuck Geschke in 1982 and developed PostScript, the page description language that brought vector graphics to commercial printing. PostScript's device-independent model meant that a vector file would render correctly on any PostScript printer, regardless of resolution. Warnock later oversaw the development of PDF, which extended PostScript's model to document exchange. Without Warnock's work, the desktop publishing revolution and the vector illustration industry that grew from it would not have happened.

Joshua Davis (b. 1971)

Davis was one of the first artists to use Flash, Macromedia's vector-based web animation tool, as a fine art medium. His website PrayStation, launched in the late 1990s, showcased generative vector compositions that combined code, randomness, and vector graphics. Davis's work demonstrated that vector art was not limited to logos and illustrations. It could be dynamic, generative, and interactive. His influence on web-based vector art and generative design is still visible in the work of contemporary creative coding artists.

Casey Reas (b. 1972)

Reas co-created Processing, a programming language for visual artists, with Ben Fry in 2001. Processing generates vector graphics from code, allowing artists to create drawings, animations, and installations through algorithmic processes. Reas's own work, including the Process series (2004-present), uses Processing to simulate software-based systems that produce vector compositions. His practice bridges the gap between vector art and generative art, showing that mathematical paths can be both a medium and a subject.

AI-Generated Vector Art (2026)

In 2026, AI vector generation has moved from converting raster images to SVG as an afterthought to generating native vector paths directly. Several models now produce clean, editable SVGs from text prompts, with logical path structure and minimal node count.

Adobe Firefly Vector 3.0, released in March 2026, is integrated into Adobe Creative Cloud and generates SVG output that can be edited immediately in Illustrator. It supports generative fill for SVG, adding elements to existing vector compositions. The model is trained on licensed content, making it commercially safe. Read more at SVG Genie.

Recraft v4, released in January 2026, specializes in style consistency across icon sets and complex illustrations. It can generate matching sets of 12 or more icons with identical visual style, and supports custom style training. At CVPR 2026, researchers presented DuetSVG, a unified multimodal model for SVG generation that supports text-to-SVG, image-to-SVG, and SVG editing within a single framework. Read the paper at CVPR 2026.

Also at CVPR 2026, researchers introduced LiveSVG, a zero-shot approach for generating SVG animations using video diffusion models. Given a static SVG and a motion prompt, LiveSVG generates a target video and fits the vector geometry to it, producing animated SVGs with per-path Bezier control-point offsets for fine deformations. This brings vector animation into the AI generation pipeline. Read the paper at arXiv.

Vector art is the counterpart to raster art, which stores images as pixel grids. The distinction between vector and raster is one of the fundamental divisions in digital art. Vector art connects to generative art, since many generative systems produce vector output. It relates to digital art as a whole, and to pixel art as its conceptual opposite: where pixel art celebrates the visible grid, vector art hides the grid behind smooth mathematical curves. For more on digital art history, read our post on the history of digital art from pixel to prompt, or explore our guide to digital art.

See Vector Art in Practice

Vector art is everywhere, but it is often invisible because it scales seamlessly. The icons on your phone screen, the logo on a delivery truck, the chart in a news article, the map in a navigation app: all are vector graphics. To see vector art as art, look at the work of Casey Reas at bitforms gallery in New York, where his generative vector compositions are exhibited as prints and installations. Joshua Davis's early Flash work, archived at praystation.com, remains a landmark of web-based vector art.

For more on the broader context, read our entries on raster art, generative art, and digital art, or explore our post on the history of digital art.