Redirecting requests for SVG thumbnails?

Question

When working with SVGs in the control panel, thumbnails are broken because the system (understandably) can't generate thumbnails for SVGs.

In practice this is mostly fine because the SVGs still work properly elsewhere, but it's annoying to look at a broken thumbnails and to not be able to preview the image you selected.

My thought would be to use htaccess to redirect any request that looks like this:

/assets_content/_thumbs/logo.svg

to this:

/assets_content/logo.svg

What would that redirect look like?

It would require a little extra CSS to make sure the SVGs don't bust out of their containers, but that should be pretty straightforward.

Edit:

For the record, here's the first draft of the CSS I'm adding for SVG thumbnails. It tries to manage the width and adds a checkerboard background (so you can see all-white images):

.publish_field .filename img[src$=".svg"] {
   width: 100px;
   max-width: 100%;
   padding: 12px;
   background-color: rgba(0,0,0,.05);
   background-image: linear-gradient(45deg, rgba(0,0,0,.05) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.05) 75%, rgba(0,0,0,.05)),
   linear-gradient(45deg, rgba(0,0,0,.05) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.05) 75%, rgba(0,0,0,.05));
   background-size: 40px 40px;
   background-position: 0 0, 20px 20px;
}

Answer 1

A RewriteRule with a regex should do the trick.

RewriteRule ^/assets_content/_thumbs/?\.svg$ /assets_content/$1.svg [NC,L]