- Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="50px" viewBox="0 0 50 50" version="1.1">
See that viewBox there? If you look at Fimir.svg, it's centered. If you overlay the others on top of it, most of them aren't, generally in the vertical direction. What I need to know is the number to replace those two 0s with to center the icons.
I did this by taking the fimir circle (just that first path really) and changing it to black and pasting it in to each SVG, but it's making my eyes hurt, so I figure I'd ask someone who's visually better able to do it than I am. That's it, I just need the offsets (which can be fractions of a pixel to absurd precision, though I don't need them to be. They will ultimately get rendered at 50x50, though I intend to do more of these and eventually be able to use them to be able to draw maps here on the forum.
Anyway, my previous attempt started out looking like this…
…but I realized the size wasn't consistent from icon to icon. I fixed that, and my eyes are now saying nope to any more squinting and head-tilting and … yeah.