For use only on NTSC Genesis Systems.
Avatar image by CyanSorcery!
i painstaking traced these and i think they're kinda cool
))
if you view the file directly you'll just see the 1, because i used viewbox shenanigans to be able to use them as background images — you can append e.g. #two to see different digits, or just open the damn thing in inkscape
do you know about the <symbol> tag? it's much easier to store multiple images in a single svg that way
edit: nevermind, symbol doesn't work with background-image (i've been using <svg><use href="..."/></svg> for icons on my site, and just assumed background image would work too, but apparently not)
It can, just you need to use a data-uri to put a minimal skeleton SVG around the bit, or re-structure the symbol file to be visible and have these sorts of links.
https://css-tricks.com/lodge/svg/09-svg-data-uris/ shows the basics you'd use for the former, and https://codepen.io/jennhi/post/using-svg-symbols-as-css-backgrounds demonstrates the latter solution.
afaik the only options are:
<symbol>s with inline svg: <svg><use href=file.svg#id /></svg><view>s with <img src=file.svg#id>, background-image: url('file.svg#id'), <use> etc.<view>)unfortunately, <symbol>s can't be loaded directly by <img> or css background-image etc.,
and you can't just use a data url with a <use> element, because svgs displayed via <img> or css aren't allowed to load additional external files.
<view> is usually fine, but remember that you're just defining regions on a spritesheet, not truly separate images like with <symbol>
if you want to avoid offsetting the path coordinates for each view, you could use transform="translate(x,y)" attributes on the <path> elements instead
oh yeah it just shook out like this because i traced them all overtop a spritesheet in inkscape