Randicon generates gravatar-like, slack-like icons based on the string hashcode.
Use bower:
bower install randicon
or include dist/randicon.min.js
into your document:
<!-- (1) Include randicon.min.js -->
<script src="dist/randicon.min.js"></script>
<svg id="icon1" width="64" height="64"/>
<script>
// (2) Call randicon(id, string)
randicon("#icon1", "johnny-bravo@acme.com");
</script>
Please note that randicon.min.js
includes snap.svg.min.js
.
npm install
bower install
gulp
MIT
Shoutout to @Snapsvg guys.