Can I use these chord diagrams on my own site?
Yes. Every diagram is free to use on websites, blogs, worksheets and lesson material. Copy the embed code, which links the image back to MusoKit, or download the SVG. The images are vector, so they stay sharp at any size and print cleanly.
Keyboard
How to use
- Pick a chordChoose the root, the chord type and guitar or piano. The preview updates instantly.
- Copy the embed codePaste it into any web page, blog post or site builder that accepts HTML.
- Or use the image URLEvery chord has a fixed address, like
/img/chord/guitar/Am.svg. Sharps are written assharp:Fsharpm.svg.
What's included
17 roots (naturals, sharps and flats) × 20 chord types: major, minor, 7, maj7, m7, sus2, sus4, power chords, dim, aug, 6, m6, 9, add9, maj9, m9, m7♭5, dim7, m(maj7) and 7♯5. That is 340 chords for guitar and 340 for piano.
Guitar shapes use common open chords where they exist and standard E-shape or A-shape barre chords elsewhere. Every shape is checked automatically: it must sound only chord tones and include the root and the third. The root is highlighted in orange.
Terms
Free for personal, educational and commercial use. Please keep the small musokit.com credit on the image, or link to MusoKit near it.
Questions
Are the chord diagrams really free?
Yes, including on commercial sites. Keep the small musokit.com credit or add a link to MusoKit.
What format are the images?
SVG, a vector format every modern browser, Google Docs and most site builders display. It stays sharp at any size.
How do I write sharps in the image URL?
Replace # with the word sharp: F#m becomes Fsharpm.svg. Flats use a lowercase b: Bbm7.svg.
Can I hear the chord?
Yes. The embed code links each image to the MusoKit chord finder, where the chord plays on piano, guitar and ukulele.