Петр

" Я считаю хранить в базе mysql каждую картинку и вместе сней её размеры."
Плохо.
1. У MySQL есть проблемы с таблицами, где помимо blob есть и другие поля. (Сталкивался с этим)
2. Проблематичнее делать бекапы базы, т.к. она сильно разрастется.

Добавлю:
Хранить картинки еще лучше на диске, так как в этом случае можно задействовать кеширование web сервера.

Вот где вы берете информацию, что так должно работать? Вы уже тысячный задающий подобный вопрос.

В документации тут написано:

< use > An < IRI > reference to an element/fragment within an SVG document.

Вставляйте svg как часть html документа, тогда и увидите свою иконку через

<svg class="ico">
  <use xlink:href="#icoFb"></use>
</svg>

В IE11

SVG
Canvas

chrome + сайт jsfiddle.net + клавиша F12 +
добавьте в первой строкой. debugger;

В SVG размер элементов меняется через scale

Они появляются от наличия переноса строки между элементами.

<div>block1<div>
<div>block2<div>

Значит избавиться можно удалением этого переноса. Для примера так:

<div>block1<div><!--
--><div>block2<div>

При GET запросе вы можете отправить примерно 1-2 Кбайта.
Для POST запросов ограничения нет, если только на принимающем сервере не установлены ограничения по размеру сообщения.

SVG path это отрисовка пути.
-webkit-clip-path - это отсечение области отрисоки

Именно то, что вы хотите