Coat of Arms Maker
Choose a shield shape and field division, then add ordinaries, charges, your own symbols and a motto banner. Arrange the layers and download SVG, PNG or an editable project. This creates original heraldic-style art from your choices, with no surname lookup or claim of authentic family arms.
Layers paint in list order, so each one covers the layers above it in the list.
Layer 2: charge
Tincture
- Shield
- Division
- Layers
- 3
- PNG
On the preview: click or tap a layer to select it, drag a charge to move it, or drag a corner handle to resize it around its center. With the preview focused, arrow keys move the selected charge (Shift for 10), + and - resize it, and [ and ] turn it 15 degrees.
This browser remembers the design, except uploaded symbols. Save project downloads a .json file that keeps those too, and Open project reads it back with every layer editable.
Common questions
- Can I look up my family's coat of arms here?
- No. This tool does not look up surnames or historical arms, and nothing it makes is an official or registered coat of arms. It is a design tool: you build heraldic-style art from original shapes and your own choices, for a game, a club, a classroom, a story or a gift.
- What can I put on the shield?
- Pick a heater, French, Spanish or kite shield, then divide the field plain, per pale, per fess, per bend, per bend sinister, per chevron, per saltire, quartered, gyronny of eight, paly of six or barry of six. Each part of the field takes its own color. Add ordinaries (chief, fess, pale, bend, bend sinister, chevron, cross, saltire or bordure), charges (star, cross, roundel, annulet, lozenge, crescent, heart, crown, tower, sun, key or mountain), symbols you upload and one motto banner under the shield.
- What do or, argent and azure mean?
- They are the heraldic names for colors, called tinctures: or is gold, argent is silver or white, azure is blue, gules is red, vert is green, purpure is purple and sable is black. Each color picker offers those seven as swatches, and the layer list names a color that way. Any other color you choose is shown by its hex code.
- How do I move, resize or turn a charge?
- Drag it on the preview, or drag one of its corner handles to resize it: the box grows or shrinks around the same center. You can also type a center, a size from 8 to 560 and a rotation from -180 to 180 degrees. With the preview focused, the arrow keys move the selected charge 1 unit (10 with Shift), + and - change its size by 4, and [ and ] turn it 15 degrees.
- Can I use my own symbol or logo?
- Yes. Upload a PNG, JPEG, WebP, GIF or SVG and it becomes a layer you can move, resize, turn and clip to the shield. A photo or bitmap is redrawn as a PNG no larger than 1024 pixels on its longest side; an SVG is drawn at 1024 pixels on its longest side, or 512 by 512 if it states no size. An SVG that links to an outside file is refused with a message saying so, because a symbol here is always embedded in your file and never linked. A PNG, JPEG, WebP, GIF or BMP image that declares more than 120 megapixels is refused before the browser opens it, whether you upload it or it is embedded in an SVG, and so is a photo or bitmap upload whose pixel size cannot be read from its header.
- Which files can I download?
- An SVG with a 400 by 560 viewBox, in which the shield, charges and banner stay as vector shapes and uploaded symbols travel inside as PNG data; a PNG at 400 x 560, 800 x 1120 or 1600 x 2240 pixels, transparent unless you pick a background color; and a coat-of-arms.json project that you can open here again with every layer editable. Copy SVG puts the SVG markup on your clipboard.
- How long can the motto be?
- Up to 32 characters. Short mottos are set at full size and longer ones are set smaller so they fit the ribbon. Past 32, the motto field says how many characters you have and the banner keeps the last motto that fitted. The motto that appears at first is only an example, and it is marked as one.
- Is my design saved?
- This browser remembers your design under this tool's own storage, except uploaded symbols, which are kept only until you close the page. Save project downloads a .json file that keeps a design with its symbols, and Open project reads it back. Nothing you make is sent to a server.
- How can I make an original family, personal or fantasy coat of arms?
- Choose the shield shape and field colours, add an ordinary or charge, and edit the motto banner with your own text. For a fictional family, game character or club, pick symbols from the layer controls or upload your own artwork. Choose Plain field, then Replace in the confirmation to open a plain field. Save the design as SVG or PNG, or download its project to edit later. These are your original design choices, not a researched family crest, a registered grant or a game-specific import format.
Heraldic-style art drawn from original shapes and your own choices: every field is clipped exactly to the shield outline, and a resized charge keeps its center. No design made here is anyone's authentic family arms, and nothing on this page looks up a surname or says anything about noble status or a right to bear arms. Uploaded symbols are embedded in the file, so the SVG and PNG carry no remote images.