dayvonjersen

                4444444444444444444444444444444444444444444                
                4444444444444444444444444444444444444444444                
                ;44444444444444444444444444444444444444444                 
                ;44444444444444444444444444444444444444444                 
                 4444444:::::44444444444444444:::::4444444                 
                 4444444;    4444444444444444;    ;4444444                 
                 4444444;    :444444444444444;    ;4444444                 
                 ;444444;    '444444444444444:    ;444444                  
                 ;444444;     444444444444444     4444444                  
                  4444444     444444444444444     4444444                  

dayvonjersen

<style>
.hamburger {
  box-sizing: border-box;
  width: 25px;
  height: 20px;
  border-top: 2px solid;
  border-bottom: 2px solid;
  position: relative;
}
.hamburger::before{

dayvonjersen

// var originalImage = document.querySelector('img');// ...
var canvas = document.createElement('canvas'),
    context, dataURI;

canvas.width  = originalImage.width;
canvas.height = originalImage.height;

context = canvas.getContext('2d');
context.drawImage(originalImage, 0, 0);
dataURI = canvas.toDataURL('image/png');

dayvonjersen

function uniqid(prefix) {
    prefix = typeof(prefix) === "undefined" ? "r4nd0m" : prefix.toString();
    function q() {
        return parseInt(Math.pow(2,32) * Math.random(),10).toString(16);
    }
    return prefix + q() + q() + q() + q();
}