Содержимое центральной дорожки внутри кнопки

Question

У меня очень простой путь (только знак +), который я экспортировал из Inkscape, и я хотел бы использовать его в качестве содержимого кнопки, но когда я это сделаю, путь находится вне центра.

<Button Height="24" Width="24"> 
    <Viewbox HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Fill"> 
     <Path Fill="#000000" Data="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z"/> 
    </Viewbox> 
</Button> 

Я завернул его в Viewbox, так что я могу масштабировать его, и я пытался играть с HorizontalAlignment, VerticalAlignment и LayoutRounding, но они, кажется, не влияют на позиционирование.

Я предполагаю, что данные о дорожке несут ответственность за это. Вероятно, начиная с первого Move To (M), но я не уверен в редактировании пути вручную.

Есть ли способ исправить это, чтобы он отображался в центре внутри кнопки? У меня есть еще много кнопок для сборки, поэтому я хотел бы понять, что происходит.

Вот оригинальный SVG:

<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="48" height="48"> 
<path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z" color="#000" overflow="visible" enable-background="accumulate" font-family="Bitstream Vera Sans"/> 

Спасибо !!

Answer 1

использовать что-то вроде этого:

<Button Width="24" Height="24"> 
    <Path Margin="2" 
      Data="M 11 5 L 11 11 L 5 11 L 5 13 L 11 13 L 11 19 L 13 19 L 13 13 L 19 13 L 19 11 L 13 11 L 13 5 L 11 5 z" 
      Fill="#000000" 
      Stretch="Fill" /> 
</Button> 

Нет необходимости в ViewBox, когда у вас есть Path