The North Face logo (with text)

Still scalable and shit

HTML

<script src="https://raw.github.com/gist/1104082/c53a2b0cf61ed50e40b8c6ffc519f8278978abf5/THE_NORTH_FACE.logo.js"></script>
<canvas width="300" height="146"></canvas>

CSS

canvas { 
    border: 1px solid #ccc; 

    background: transparent url(http://www.goodlogo.com/images/logos/the_north_face_logo_2378.gif) no-repeat;
    display: block; 
}

JavaScript

// require('THE_FUCKING_LADS');

//
// Let's draw some
Array.prototype.slice.call(document.querySelectorAll('canvas')).forEach(function (c) {
    var ctx = c.getContext('2d');
    
    // Colors!
    var foregroundColor = 'rgba(220, 50, 50, 0.85)';
    
    // Draw text
    ctx.fillStyle = foregroundColor;
    ctx.font = "700 43pt Helvetica";
    ctx.textAlign = 'right';
    ctx.fillText('THE', 190, 43);
    ctx.fillText('FUCKING', 190, 90);
    ctx.fillText('LADS', 190, 143);
    
    // Draw the logo
    THE_FUCKING_LADS.draw(ctx, 193, c.height - 4, 107, 142, 'white', foregroundColor);
});