ART jsFiddle button

HTML

<h1>ART</h1>
<p>Graphic only representation of a jsFiddle button. Just for kicks.</p>

CSS

* {
    font-family: Helvetica;   
}

h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    font-size: 50px;
    margin-bottom: 20px;
}

JavaScript

var art = new ART(77, 30); //the "canvas"

var outer = new ART.Rectangle(77, 30, 4);
var innerShadow = new ART.Rectangle(75, 28, 3);
var inner = new ART.Rectangle(75, 27, 3);


outer.fill("#26445f"); //fill
innerShadow.translate(1,1).fill("#6d9acc", "#ffffff00");
inner.translate(1, 2).fill("#5184af", '#40729d'); //fill

outer.inject(art);
innerShadow.inject(art);
inner.inject(art);

var icon = new ART.Group;

var iconBox = new ART.Rectangle(14, 14, 3);
iconBox.fill("green"); //fill
iconBox.inject(icon);

var innerIconBox = new ART.Rectangle(12, 12, 2);
innerIconBox.translate(1, 1).fill("red"); //fill
innerIconBox.inject(icon);

var iconGlyph = new ART.Shape("M11.698,11.698c-0.391,0.391-1.023,0.391-1.414,0L7.753,9.167C6.963,9.69,6.018,9.999,5,9.999c-2.761,0-5-2.238-5-5s2.238-5,5-5s5,2.238,5,5c0,1.018-0.309,1.963-0.832,2.753l2.531,2.531C12.089,10.675,12.089,11.308,11.698,11.698z M5,2C3.343,2,2,3.343,2,5s1.343,3,3,3c1.656,0,3-1.343,3-3S6.656,2,5,2z");

iconGlyph.fill("white");

iconGlyph.translate(3, 3).scale(0.7).inject(icon);

icon.translate(8, 8).inject(art);

var text = new ART.Font("Moderna", "bold", "Search", 11);
var textShadow = new ART.Shape(text.getPath());

textShadow.fill("#26445f").translate(30, 11).inject(art);
text.fill("#fff").translate(30, 10).inject(art);

art.inject(document.body);