JavaScript library for generating highly recognizable identicons using HTML5 canvas or SVG.
Using Jdenticon is simple. Follow the steps below to integrate Jdenticon into your website.
Jdenticon is able to render both raster and vector identicons. Raster icons are rendered slightly faster than vector icons, but vector icons scale better on high resolution screens. Add a canvas to render a raster icon, and an inline svg element to render a vector icon.
<!-- Vector icon -->
<svg width="80" height="80" data-jdenticon-value="icon value"></svg>
<!-- OR -->
<!-- Raster icon -->
<canvas width="80" height="80" data-jdenticon-value="icon value"></canvas>
Not sure about data-jdenticon-hash? A hashed username works perfectly fine! Sensitive information
is not recommended as input to the hash algorithm for this purpose.
Include the Jdenticon library somewhere on your page. You can either host it yourself or use it right off jsDelivr.
<!-- Using jsDelivr -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jdenticon@2.0.0"></script>
<!-- OR -->
<!-- Hosting it yourself -->
<script type="text/javascript" src="-path-to-/jdenticon.min.js"></script>
That's it!
For more usage examples and API documentation, please see:
Same icons, same configuration options, but ported to .NET and easily integrated into your ASP.NET websites.
https://github.com/dmester/jdenticon-net/
Same icons but generated server-side without a server. Service provided by Aaroh Mankad.
http://identicon-api.herokuapp.com/
If your're into Polymer, Pascal Gula has created a nice Polymer element.
https://github.com/GeoloeG/identicon-element
Jdenticon is released under the MIT license.
FAQs
Javascript identicon generator
The npm package jdenticon receives a total of 67,231 weekly downloads. As such, jdenticon popularity was classified as popular.
We found that jdenticon demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Claude Opus 4.6 has uncovered more than 500 open source vulnerabilities, raising new considerations for disclosure, triage, and patching at scale.
Research
/Security News
Malicious dYdX client packages were published to npm and PyPI after a maintainer compromise, enabling wallet credential theft and remote code execution.
Security News
gem.coop is testing registry-level dependency cooldowns to limit exposure during the brief window when malicious gems are most likely to spread.