Tyler Sticka

Responsive Logo Composition With SVG

https://cloudfour.com/thinks/responsive-logo-composition-with-svg/

This is not a recent article, but it's still very useful, I should have shared it earlier!

Logos are an ideal use-case for SVG. […] But what if we want to re-arrange our logo elements depending on the aspect ratio of the asset, perhaps to account for the amount of vertical real estate available to us?

This is exactly what I did for the logo on my photography site, if you want to see a live example.

• older link:
  How do you test a service worker, anyway?
• newer link:
  Browsing with assistive technology videos

---

Related contents with similar topics

1. • Nicolas Hoizey
   • 18 December 2022
   • esviji, game, responsive, SVG
   • 2 reactions
   • permalink

   I wonder why there are not so many Web games using mostly HTML, CSS and #SVG for the UI, with all the #responsive power they have… 🤷‍♂️

   This live demo is more than 6 years old: https://play.esviji.com/wow/

   (Remove wow at the end to really play… 😅)

2. 

   Maarten Van Hoof

   Responsive SVGs - container vs media queries

   • Nicolas Hoizey
   • 4 June 2021
   • SVG, responsive, CSS
   • 7 reactions

   Maarten shows here (only in Chrome Canary for now) how Container Queries will allow us to have responsive SVG images inline in the HTML. Responsive…

3. esviji v2 sera complètement responsive

   • Nicolas Hoizey
   • 10 March 2015
   • game, responsive, SVG, esviji

   Voilà plus d'un an que je travaille sur une nouvelle version de mon jeu esviji développé en technologies Web, et plus particulièrement en SVG. Avant…

4. Responsive Icons with SVG

   • Nicolas Hoizey
   • 31 October 2013
   • SVG, design, CSS, responsive
   • 15 reactions

   There have already been some explorations on responsive SVG images a while back, but when Joe Harrison posted a responsive icon concept on Dribbble and even a working version on a dedicated website, a few people thought this was so wrong they had to make their own version. I must admit I'm one of them… 😉