Как подготовить svg к использованию в приложении react?

Question

[lexstile]

Есть такая svg:

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve">
<g>
	<rect x="162" y="161" width="132" height="132"/>
	<rect x="162" y="323" width="132" height="132"/>
	<rect y="161" width="132" height="132"/>
	<rect x="324" width="131" height="131"/>
	<rect width="132" height="131"/>
	<rect x="162" width="132" height="131"/>
	<rect x="324" y="323" width="131" height="132"/>
	<rect y="323" width="132" height="132"/>
	<rect x="324" y="161" width="131" height="132"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Как ее привести примерно к такому виду?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 455 455"><path d="M162 161h132v132H162zM162 323h132v132H162zM0 161h132v132H0zM324 0h131v131H324zM0 0h132v131H0zM162 0h132v131H162zM324 323h131v132H324zM0 323h132v132H0zM324 161h131v132H324z"/></svg>

Желательно без использования иллюстратора.

Comments

[Danila]

svgomg

[lexstile]

Данила, очень помогли! Спасибо!