Centralizar DIV

Olá, eu tenho o seguinte código para apresentar alguns ícones na página inicial do meu site, mas os ícones não ficam centralizados conforme é possível ver na imagem (link) abaixo:
http://spx.com.br/wp-content/uploads/2016/11/print-icones.png

[div extra="container"]
[container extra="row"][tabs]

[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="SUL" link="http://spx.com.br/#"][/one_sixth]
[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="NORTE" link="http://spx.com.br/#"][/one_sixth]
[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="LESTE" link="http://spx.com.br/#"][/one_sixth]
[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="OESTE" link="http://spx.com.br/#"][/one_sixth]
[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="CENTRO" link="http://spx.com.br/#"][/one_sixth]
[one_sixth extra="" anim=""][icon_box icon_image="fa-location-arrow" line_icon="" title="ABC" link="http://spx.com.br/#"][/one_sixth]

[spacer size="spacer-50" extra=""][/spacer]

O que eu poderia adicionar para colocar os ícones dentro daquele retângulo roxo e fazer o espaço abaixo dos ícones funcionar?

Obs: Anotações em roxo foram feitas no paint para auxiliar na minha explicação do que preciso fazer.

Desde já, muito obrigado.