pixel-icon

The simplest pixel icon generator

Usage no npm install needed!

<script type="module">
  import pixelIcon from 'https://cdn.skypack.dev/pixel-icon';
</script>

README

PIXEL ICON JS

The simplest javascript icon editor.

What is this?

It's a very simple library to create and render your own icons by just providing a codified string.

How do I use it?

First, go to the editor and create an icon. Copy the resulting code to your project and the icon will render as an img tag.

Options & advanced usage

You can pass an options object when rendering an icon. Here's a full feature example:

import PixelIcon from "pixel-icon"

PixelIcon(yourContainer, yourIconCode, {
    // color palette of your image.
    colors: [
        "#000",
        "#47A8BD",
        "#9FD356",
        "#9C3848",
        "#FFF"
    ],
    // if true, renders a border between each pixel to create a grid-like image 
    hasBorder: false, 
    // number of vertical and horizontal pixels
    size: 20
})

The properties size and colors will directly affect the size of the codified image as it will need more characters to be rendered.