icomoonでダウンロードしたSVGを、幅いっぱいに広げたい

前提・実現したいこと

icomoonのSCGアイコンについて、サイズを大きくしたいです。

発生している問題・エラーメッセージ

inkscapeで変更しているのに、HTMLでサイズが変わりません。

###inkscapeによるサイズ変更の手続き
目的のアイコンはこちらのアイコンです。少しサイズが小さくて、枠いっぱいになっていないのです。

これをHTMLで見るとこのようになっています。

HTML
1<symbol id="icon-person" viewBox="0 0 24 24">
2<path d="M12 14.016q2.531 0 5.273 1.102t2.742 2.883v2.016h-16.031v-2.016q0-1.781 2.742-2.883t5.273-1.102zM12 12q-1.641 0-2.813-1.172t-1.172-2.813 1.172-2.836 2.813-1.195 2.813 1.195 1.172 2.836-1.172 2.813-2.813 1.172z"></path>
3</symbol>

そして上記アイコンをinkscapeで開き、下記のように枠いっぱいに大きくしました。

結果このように大きくしたつもりです。

HTML
1<symbol id="icon-person2" viewBox="0 0 24 24">
2<path d="m 12,14.016 q 2.531,0 5.273,1.102 2.742,1.102 2.742,2.883 v 2.016 H 3.984 v -2.016 q 0,-1.781 2.742,-2.883 2.742,-1.102 5.273,-1.102 z M 12,12 Q 10.359,12 9.187,10.828 8.015,9.656 8.015,8.015 8.015,6.374 9.187,5.179 10.359,3.984 12,3.984 q 1.641,0 2.813,1.195 1.172,1.195 1.172,2.836 0,1.641 -1.172,2.813 Q 13.641,12 12,12 Z"></path>
3</symbol>

しかし、これら２つを比較できるものを作ったのですが、サイズに変化がございません。

CSSを使えばごまかせますが、できればSVGの方で大きくしたいと思っています。もし可能であれば宜しくお願い致します。