SVG Avatars Generator - jQuery Plugin

SVG Avatars Generator - jQuery Plugin

Cart 1,005 sales

This is a jQuery version, the WordPress Plugin is available here.

This jQuery integrated script (with some PHP files on a server side) lets your visitors to create custom avatars. The Avatars Generator is based on SVG (Scalable Vector Graphic), which is supported by all modern browsers and does not depend on screen resolutions. As a result your visitors can download their avatars in SVG or PNG formats (2 size options) which is converted from vector graphic parts. The integration of the SVG Avatars creator is quite simple too. This script has responsive interface and does not use any usual images, like JPG or PNG (except for downloading), only vectors, which give us clean and perfect look on any devices including Retina.

Please get familiar with full features’ list and try a live demo.

Graphic Engine Features:

  • Both Males and Females
  • Or one gender only
  • More than 300 Graphic Parts.
  • Automatic Shadows and Highlights
  • Random Avatar!
  • Reset Function
  • Controls of Positions and Scale!
  • Transparent Background Enabled

General features:

  • Brand New
  • Responsive design
  • Retina Perfect
  • Works on Touch Devices
  • Easy Integration
  • Easy to Translate
  • Dark, Light and Custom Color Schemes
  • Three Download Options
  • All Modern Browsers
  • Free Updates and Support
  • Share Functionality of Created Avatars
  • And More

Exclusive Features:

  • Apply Any Colors to graphic elements
  • Upload created avatar to and set it as your default gravatar

Important Note:

  • This item is based on vector graphic and no regular images are used. So it is not a simple process to add your own graphic parts.


I wanted to take a minute to let everyone know that this is a truly exceptional work. The code is clean, portable, and well commented. Dee’s attention to detail is without equal. The avatar’s heads can be tilted, the mouths adjusted, and probably a whole lot more that I just haven’t found yet. If it were just the quality product alone, i may not have commented. But, I needed to ask a question and learned quickly that Dee provides top notch support. This App? It’s simply Outstanding!
by CreativelyMe, on CodeCanyon
Very easy to set up. Works well. Good customer support.
by PamBreeze, on CodeCanyon
Awesome script, looks great, easy to integrate into my own website and customer support excellent. If you are looking for an avatar creator for your customers you can’t go wrong with this product.
by leeelvin, on CodeCanyon
Works great and it does what it says without any problem!
by animatezone, on CodeCanyon
Rarely do you see such a detailed, well thought out, artistic piece of coding offered for such a small price. A tremendous amount of work has gone into this app – and to find both an artist and coder in 1 person is pretty unusual. Dee is a huge asset to our community and I hope to see many more projects by this author!
by mspanish, on CodeCanyon
Great work Dee!! Damn me if you haven’t created the best avatar creator i’ve seen …
... this product really is under priced amazing quality and only getting better
by DuCarlion, on CodeCanyon
Thank you for this great script!
by hiegl, on CodeCanyon
This is one of the best script I ever buy… Thanks for making this Dee, hope you regularly update this script and add more elements…
by adieska, on CodeCanyon

Before Purchasing (Requirements):

  • jQuery 1.12.4 and up
  • PHP 5.3 and up


You need to purchase a regular or an extended license of SVG Avatars maker for every web project.

Change log:

Version 1.6
-- added the "zooming" option to scale initial avatars on start
-- added the "debug" option to show error and service messages in JS console
-- changed code for saving avatars on a server
-- changed code and XML-RPC library for Gravatar uploading
-- removed French, Italian, Spanish, and Portuguese translations. Please create your own ones
-- made minor JS and PHP fixes
Version 1.5
-- changed the PHP part of the item to meet security standards
-- fixed JS code to work with the latest versions of jQuery
-- made some JS code changes to match "WordPress plugin requirements" by Envato because this script is used in a WordPress plugin
Version 1.4
-- added a choice of a custom file name of avatars for download
-- added to possibility to leave only one gender
-- changed a file structure (see the documentation)
-- changed files with localization translations
-- fixed the svgavatars/php/save-ready-avatar.php in a part of a custom code's place
-- removed share on Facebook functionality. Facebook deprecated and disallowed it in their API
-- removed share on Google Plus functionality. Google Plus social network is closed
-- made JavaScript code changes to match "WordPress plugin requirements" by Envato because this script is used in a WordPress plugin
Version 1.3.2
-- fix of general layout for correct view in new versions of Google Chrome
Version 1.3.1
-- fix for Gravatar uploading (new method is used)
Version 1.3
-- added a possibility to upload a created avatar to via public Gravatar's XML-RPC API
-- added 4 translations
-- bug fix for Windows 8 tablets and phones
-- changed JS files structure (see the documentation)
-- changed CSS file
Version 1.2.1
-- bug fix with empty watermark on an avatar for sharing
Version 1.2
-- added share functionality (Facebook, Twitter, Pinterest, Google Plus)
-- slightly changes in CSS
Version 1.1
-- added glasses
-- added facial hair for males
-- added ability to make bald head
-- slightly changes in CSS
Version 1.0
-- Initial Realize


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey