Redid the SVG by hand and made it correct, pixel perfect and small.
You're braver than I am. :-P
Fortunately, the rounded rect construct works well in SVG, but your solid version has white layering instead of transparency for the M and the arrow. Is there a "nice" way to do something like this?
Also, you changed the dimensions to 210*130. While I also think it might be good to think about tweaking the grid or the dimensions, the original version had an exact 1.675:1 ratio, which scales very well with powers of 2. I would be strongly in favor of keeping that.
Make contents of the rectangle transparent
Make the marks even more pixel perfect by using 208x128
+ Adjust the box to have equalant of 20px padding
Used a mask to fix the transparency and reverted back to 208x128 ;)
Cool, I'm all for replacing the current versions with these.
I didn't even know about using masks in SVG. However, this means the shape only shows up as a solid rounded rectangle in Inkscape. Any way to make it semantically neat but also easy to edit (e.g. to change the shade)?
I originally only tested with browsers and Illustrator CS5. But downloaded Inkscape 0.48 on my Mac right now and opened the file, and it looks exactly like in the browser, and I'm able to change the color. Are you sure you're running the latest version?
I'm on Inkscape 0.48.2 and I just get this:
I can't explain that...
This is really great. What's the verdict? I'll merge it in if it's better (it seems to be much more compact).
Smaller + Equally precise = better.
With the exception of missing description metadata, if you wanted that.