The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body { width: 0; margin: 5% auto; background: #212e36; }

.ixlogo {
  
  font-size: 3em; /* <--- EDIT THIS TO RESIZE */
  
  font-family: Arial Black, sans-serif; font-weight: 900; 
  text-align: center;  color: white;
  line-height: 9em;
  width:3.9em; height: 3.9em;
  position: relative;  display: inline-block;
  background:
    -webkit-linear-gradient(310deg, transparent 55%, #f9b200 0, #F7AC01),
    -webkit-linear-gradient(315deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -webkit-linear-gradient(220deg, transparent 55%, #f9b200 0, #F7AC01 70%),
    -webkit-linear-gradient(225deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -webkit-linear-gradient(15deg, #df4603, #ec7904 17%, #F7AC01 60%);
  background:
    -moz-linear-gradient(310deg, transparent 55%, #f9b200 0, #F7AC01),
    -moz-linear-gradient(315deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -moz-linear-gradient(220deg, transparent 55%, #f9b200 0, #F7AC01 70%),
    -moz-linear-gradient(225deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -moz-linear-gradient(15deg, #df4603, #ec7904 17%, #F7AC01 60%);
  background:
    -ms-linear-gradient(310deg, transparent 55%, #f9b200 0, #F7AC01),
    -ms-linear-gradient(315deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -ms-linear-gradient(220deg, transparent 55%, #f9b200 0, #F7AC01 70%),
    -ms-linear-gradient(225deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -ms-linear-gradient(15deg, #df4603, #ec7904 17%, #F7AC01 60%);
  background:
    -o-linear-gradient(310deg, transparent 55%, #f9b200 0, #F7AC01),
    -o-linear-gradient(315deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -o-linear-gradient(220deg, transparent 55%, #f9b200 0, #F7AC01 70%),
    -o-linear-gradient(225deg, transparent 50%, #fcd97f 0, #f9b200 60%),
    -o-linear-gradient(15deg, #df4603, #ec7904 17%, #F7AC01 60%);
  background-position: top left, top left, top right, top right, top center;
  background-size: 1.3em 1.3em, 1.3em 1.3em,
                   1.3em 1.3em, 1.3em 1.3em, 1.32em 1.3em;
  background-repeat: no-repeat;
}

.ixlogo:before {
  content: ""; display: inline-block;
  width: 1.3em;height: 2.6em;
  background: -webkit-linear-gradient(top, #F7AC01, #EF7802);
  background: -moz-linear-gradient(top, #F7AC01, #EF7802);
  background: -ms-linear-gradient(top, #F7AC01, #EF7802);
  background: -o-linear-gradient(top, #F7AC01, #EF7802);
  position: absolute; left: 0; top: 1.29em;
}

.ixlogo:after {
  content: ""; display: inline-block;
  width: 33%;height: 2.61em;
  background: -webkit-linear-gradient(280deg, #DB3501, #ED7900 12%, #FAAE00);
  background: -moz-linear-gradient(280deg, #DB3501, #ED7900 12%, #FAAE00);
  background: -ms-linear-gradient(280deg, #DB3501, #ED7900 12%, #FAAE00);
  background: -o-linear-gradient(280deg, #DB3501, #ED7900 12%, #FAAE00);
  position: absolute; left: 2.61em; bottom:0;z-index:-1;
}

dabblet.html

<div class="ixlogo">&nbsp;</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}