Published October 2010
1 minute read Icon

LESS, the CSS preprocessor that extends CSS with things like variables, mixins, operations and nested rules, has a nice little OS X app for it called If you use LESS I strongly recommend you check it out as it uses the latest Less.js engine for its output, and Less.js is much faster and has more features than the older Ruby version.

Anyhow, the app uses the logo I designed for LESS as it’s icon, which doesn’t work very well on the OS X dock, so here’s my attempt at a better icon. The concept is quite tricky to portray in an icon since it’s very abstract. LESS itself is a stylesheet language, and is a compiler for that language. So here I’ve got a blueprint to symbolize the stylesheet, and a cogwheel to symbolize some sort of mechanical process.

Here’s a zip file with a 512x512 PNG and an ICNS file. To install, right click on, click “Show Package Contents”, open “Contents”, and then the “Resources” folder, drag the ICNS file in there to overwrite the old one. Back up (or just rename) the “less.icns” file if you’d like to have a copy of the original.


Further Reading

Proust wrote that the true voyage of discovery is not to visit strange lands, but to possess other eyes, to behold a hundred universes that each of them beholds. Thus, in the words of Ruskin, what good books give us is not mere knowledge, but sight.

Every month I send out recommendations for exceptional books that will challenge your thinking and give you more eyes on a range of topics that include design, technology, history, media and philosophy. Sign up below: