The Twitter Logo As SVG Circles


The Twitter logo represented by a series of overlapping circles

Five years ago, Twitter updated its logo and demonstrated that it could be made entirely of circles. Interestingly, the official Twitter logo doesn't use circles directly. So, here is an SVG I've made which is only circles: Or, without the edges, and no transparency: And the raw code: <svg height="100" viewBox="0 0 100 100" width="100" […] Read More

Selecting Text In Images - Pure SVG, No JavaScript


Recently, I wanted to embed an photograph of a book page. I thought it would be nifty if the text from the page could be selected. If you hover your mouse over this image, you should be able to select part of the text. Ideally, it will look something like this... It even works on […] Read More

Inkscape - cropping SVG files on the Command Line


A little post as an aide-mémoire. I've found a lovely set of SVG playing cards. The only problem is each image is displayed within a page. This means the relatively small cards have an enormous white margin. Within Inkscape (the vector image editor for Linux) it's possible to crop the margins by going to: File […] Read More