I made a discovery: SVG and SVG animations in the browser console are possible! erik Follow Jun 1, 2017 · 4 min read

I wanted to write about this ASAP, because I’m curious to know if anyone has done this sort of thing before. Also because I’m excited AF about it.

Through a series of accidents, testing, researching, etc, I have discovered that it is possible to use SVG images as a console message. Not only that — you can animate them. Here’s what I’m talking about:

Proof of concept showing SVG animation in the JS console (Chrome and Safari). The actual animation was not mine, however. That was pulled from CSS Tricks.

My mind was blown when I discovered this. Has anyone seen this sort of thing before? If so, where? Super curious to see what (if anything) someone has done with this. I can’t think of any super practical applications for doing it — it’s just kind of fun to mess around with.

Impatient? Want to just see the code? Hey I get it. Here’s a direct link: https://codepen.io/erikwoods/pen/wewPaO