30 free SVGs

Camelot Wheel SVG Pack

The full Camelot wheel as 30 individual vector diagrams — the master wheel, five mix-rule explainers, and a highlighted per-key variant for every Camelot code from 1A to 12B. Infinite zoom, editable in Figma, Illustrator and Inkscape, attribution required.

Free, with attribution

Use these SVGs in blog posts, slide decks, YouTube thumbnails, course material, printed flyers — anywhere. The only thing we ask is a credit link back to mixgraph.io/tools/camelot-wheel.

Not allowed: re-uploading the pack to a competing “free SVG” aggregator without attribution, or using the assets to imply Mixgraph endorses your product.

Open the interactive wheel

Master wheel

The full Camelot wheel — use as a hero or reference graphic.

Camelot Wheel — master

Camelot Wheel — master

The full wheel with all 24 keys labelled. Use as a header, hero image or reference graphic.

Mix rule explainers

One diagram per rule — drop them into a tutorial blog post or a beginner’s guide.

Rule: same code

Rule: same code

Highlights the "perfect harmony" rule — same Camelot code, identical key.

Rule: adjacent ±1

Rule: adjacent ±1

Highlights the simple-mix rule — one step clockwise or counter-clockwise.

Rule: A ↔ B switch

Rule: A ↔ B switch

Highlights the major/minor flip — same number, opposite letter.

Rule: energy boost +2

Rule: energy boost +2

Highlights the strong-lift rule — two steps clockwise on the wheel.

Rule: tritone ±6

Rule: tritone ±6

Highlights the dramatic ±6 jump across the wheel — the planned-moment move.

Per-key diagrams

One SVG per Camelot code, with that key highlighted and its compatible neighbours tier-shaded. Useful as embeds on track-pages, key-specific blog posts or genre articles.

1A (A♭ Minor)

1A (A♭ Minor)

1B (B Major)

1B (B Major)

2A (E♭ Minor)

2A (E♭ Minor)

2B (F♯ Major)

2B (F♯ Major)

3A (B♭ Minor)

3A (B♭ Minor)

3B (D♭ Major)

3B (D♭ Major)

4A (F Minor)

4A (F Minor)

4B (A♭ Major)

4B (A♭ Major)

5A (C Minor)

5A (C Minor)

5B (E♭ Major)

5B (E♭ Major)

6A (G Minor)

6A (G Minor)

6B (B♭ Major)

6B (B♭ Major)

7A (D Minor)

7A (D Minor)

7B (F Major)

7B (F Major)

8A (A Minor)

8A (A Minor)

8B (C Major)

8B (C Major)

9A (E Minor)

9A (E Minor)

9B (G Major)

9B (G Major)

10A (B Minor)

10A (B Minor)

10B (D Major)

10B (D Major)

11A (F♯ Minor)

11A (F♯ Minor)

11B (A Major)

11B (A Major)

12A (C♯ Minor)

12A (C♯ Minor)

12B (E Major)

12B (E Major)

How to use these

Each SVG is served at a stable URL. The simplest way to embed one is to drop the URL into an img tag — every browser and CMS supports SVG-as-image natively, so it scales without quality loss and doesn’t pull in any tracking or scripts.

<img src="https://www.mixgraph.io/tools/camelot-wheel/svgs/master-wheel"
     alt="Camelot wheel diagram"
     width="600" />
<p><a href="https://www.mixgraph.io/tools/camelot-wheel">Camelot Wheel by Mixgraph</a></p>

For full editability — recolouring, removing labels, adapting to your own brand — download the file (right-click → save) and drop it into Figma, Illustrator, Inkscape, or Affinity Designer. All paths and text are addressable; nothing is rasterised, embedded or locked.

If you publish a blog post or video using these, send us the link and we’ll cross-link it from this page.

Related

Interactive version with track counts

Single-page printable reference