Icon designer

Preview
See code for usage below

Icon hue

155°

Colored shapes

Saturation
12% - 44%
Lightness
12% - 44%

Grayscale shapes

Saturation
12% - 44%
Lightness
12% - 44%

Background color

#ffffff00

Code for usage

In the browser

<svg width="100" height="100" data-jdenticon-value="icon">
</svg>

<script>

// Custom identicon style
// https://jdenticon.com/icon-designer.html
window.jdenticon_config = {
    hues: [128],
    lightness: {
        color: [0.4, 0.4],
        grayscale: [0.4, 0.4]
    },
    saturation: {
        color: 0.4,
        grayscale: 0.4
    },
    backColor: "0.4"
};

</script>

<script src="https://cdn.jsdelivr.net/npm/jdenticon@2.1.0" async>
</script>

Node.js

const jdenticon = require("jdenticon"),
      fs = require("fs");

// Custom identicon style
// https://jdenticon.com/icon-designer.html
jdenticon.config = {
    hues: [128],
    lightness: {
        color: [0.4, 0.4],
        grayscale: [0.4, 0.4]
    },
    saturation: {
        color: 0.4,
        grayscale: 0.4
    },
    backColor: "#ffffffff"
};

var png = jdenticon.toPng("value to hash", 100);
fs.writeFileSync("./testicon.png", png);

PHP

<?php
include_once("vendor/autoload.php");

use Jdenticon\Identicon;

$icon = new Identicon(array(
    'value' => 'Value to hash',
    'size' => 100,
    // Custom identicon style
    // https://jdenticon.com/icon-designer.html
    'style' => array(
        'hues' => array(125),
        'backgroundColor' => '#ffffffff',
        'colorLightness' => array(0.4, 0.4),
        'grayscaleLightness' => array(0.4, 0.4),
        'colorSaturation' => 0.4,
        'grayscaleSaturation' => 0.4,
    )));
$icon->displayImage();

ASP.NET Core

// Startup.cs
using Jdenticon;
using Jdenticon.AspNetCore;
using Jdenticon.Rendering;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.DependencyInjection;

namespace MyWebApplication
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddMvc();
        }

        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            app.UseJdenticon(defaultStyle =>
            {
                // Custom identicon style
                // https://jdenticon.com/icon-designer.html
                defaultStyle.Hues = new HueCollection { { 125, HueUnit.Degrees } };
                defaultStyle.BackColor = Color.FromRgba(0, 0, 0, 0);
                defaultStyle.ColorLightness = Range.Create(0.4f, 0.4f);
                defaultStyle.GrayscaleLightness = Range.Create(0.4f, 0.4f);
                defaultStyle.ColorSaturation = 0.4f;
                defaultStyle.GrayscaleSaturation = 0.4f;
            });
            app.UseStaticFiles();
            app.UseMvc();
        }
    }
}

ASP.NET MVC

// Global.asax
using Jdenticon;
using Jdenticon.Rendering;
using System.Web;
using System.Web.Optimization;
using System.Web.Routing;

namespace MyWebApplication
{
    public class MvcApplication : HttpApplication
    {
        protected void Application_Start()
        {
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);

            // Custom identicon style
            // https://jdenticon.com/icon-designer.html
            Identicon.DefaultStyle = new IdenticonStyle 
            {
                Hues = new HueCollection { { 125, HueUnit.Degrees } },
                BackColor = Color.FromRgba(0, 0, 0, 0),
                ColorLightness = Range.Create(0.4f, 0.4f),
                GrayscaleLightness = Range.Create(0.4f, 0.4f),
                ColorSaturation = 0.4f,
                GrayscaleSaturation = 0.4f
            };
        }
    }
}

.NET general usage

using Jdenticon;
using Jdenticon.Rendering;

class Program
{
    static void Main() 
    {
        // Custom identicon style
        // https://jdenticon.com/icon-designer.html
        var style = new IdenticonStyle 
        {
            Hues = new HueCollection { { 125, HueUnit.Degrees } },
            BackColor = Color.FromRgba(0, 0, 0, 0),
            ColorLightness = Range.Create(0.4f, 0.4f),
            GrayscaleLightness = Range.Create(0.4f, 0.4f),
            ColorSaturation = 0.4f,
            GrayscaleSaturation = 0.4f
        };
        
        var icon = Identicon.FromValue("string to hash", size: 100);
        icon.Style = style;
        icon.SaveAsPng("test.png");
    }
}

Gallery

Here are some examples of custom icon designs. Click an image to open the icon design in the design editor.

The default Jdenticon icon design
Identicon design suitable for a blue website design
Single colored identicons
A military green identicon design
Single color identicons
Identicon design using a darker background