Coat Of Arms Designer App

Feel free to share

Using this site means trees will be planted. ^.^
(Find out more)

Coat of arms generator

Pick one of 60 shields, pick one of 130 crests, pick one of 38 color schemes and pick 2 of millions of colors. Now you have one of thousands of different coat of arms possibilities. I tried to change up the styles of the crests here and there to give you a broader range of styles to pick from.
More features, icons, crests and so on will be added in the future, but it'll take some time to create and add them.

Extra Instructions

Enable draggables: By enabling this you can add as many crests as you'd like. You can then resize them with the enable dragging and resize them with enable resize.
Dragging pieces: You can drag pieces by clicking the 'enable dragging' button, this allows you to drag all crest pieces to any position you wish.
Resize pieces: You can resize pieces by clicking the 'enable resize' button, this allows you to resize all crest pieces.

Saving the image

To save the image simply click the 'turn to image' button at the bottom and the entire coat of arms will be converted into a single image, which will appear below the 'turn to image' button. Simply right click it and select save as to save it to your computer.
If this doesn't work, which happens in some browsers, you can take a screenshot of the editable coat of arms. On both windows and mac you can take a screenshot of just part of the screen as follows:
- Windows: Open the snipping tool (comes with windows vista, 7 and 8) and drag the crosshair across the generated coat of arms, you can now save the image with the same tool. If you have an older version you'll have to press 'alt'+ 'prt src' and then paste the image in paint or another program to edit out the rest of the screen.
- Mac: Press 'command' + 'shift' + '4' and then drag the crosshair across the generated coat of arms. Once you release the mouse button the image will automatically be saved to a folder (I assume the default pictures folder).
- Mobile devices: It really depends on the brand and type of device, so you'll probably have to Google it for your specific device.

Saving locally

It's also possible to save your coat of arms data locally. Simply click the "Save local" button to have the code create a text file with all the coat of arms code in it, then click on the download link to download it directly to your computer. Now you can use the "Choose file" field to upload your coat of arms data and use it in the future. This method makes sure there's no risk of losing all your data in case your browser data is wiped, for example, but it does mean keeping track of your downloaded file.

Commercial use

As mentioned, this tool is meant mostly as a source of inspiration, but the images can be used for non-commercial projects as well, as long as it isn't another coat of arms creator or other similar piece of work that uses the individual images. However, I cannot allow you to use the images for commercial projects without my permission, but feel free to contact me if you do want to use it commercially, we can probably work something out.
At the end of the day this site, which I put a lot of time into, is still a means to create an income for myself, so I do have to protect some assets.

Shields

Crests

Color Styles

Bullet-bottom

Pointy-bottom

Round-bottom

Animals

Weapons

Icons

Icons 2

Diagonal

Vertical

Horizontal

Pick background color 1:

Pick background color 2:

If you're unable to pick a color because you see a text field or something else, it means your current browser doesn't support html 5 (well enough). However, you can enter hex values in the text field to still use colors, for example #fffff is white.

Custom Image: