如何将带有路径的SVG圆转换为使用圆对象？

我有一个SVG：

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 286.054 286.054" style="enable-background:new 0 0 286.054 286.054;" xml:space="preserve" width="512px" height="512px" class=""><g><g>
    <path d="M143.027,0C64.031,0,0,64.04,0,143.027c0,78.996,64.031,143.027,143.027,143.027   s143.027-64.031,143.027-143.027C286.054,64.04,222.022,0,143.027,0z M143.027,259.236c-64.183,0-116.209-52.026-116.209-116.209   S78.844,26.818,143.027,26.818s116.209,52.026,116.209,116.209S207.21,259.236,143.027,259.236z M173.232,180.205h-32.038   c15.661-18.459,40.852-39.753,40.852-63.736c0-21.91-16.564-35.882-39.216-35.882c-22.661,0-43.847,17.977-43.847,39.717   c0,6.731,4.604,12.586,13.445,12.586c17.691,0,8.108-28.498,29.294-28.498c7.554,0,13.266,6.204,13.266,13.284   c0,6.204-3.138,11.558-6.454,16.046c-13.999,18.969-30.581,34.496-45.867,51.579c-1.841,2.065-4.246,5.176-4.246,8.796   c0,7.938,6.266,11.38,14.365,11.38h61.528c6.999,0,13.266-4.568,13.266-12.497C187.58,185.05,181.331,180.205,173.232,180.205z" data-original="#2394BC" class="active-path" data-old_color="#2394BC" fill="#555555"/>
</g></g> </svg>

在illustrator中看起来是这样的：

我想要的是一个SVG，它有一个像这样的外圆，然后是里面的数字：

所以我可以改变圆圈，给它一个不同的填充颜色

最好的办法是什么？我是否应该将Illustrator中的设计去掉外圆并添加一个新圆？对不起，我对illustrator完全是新手。illustrator是否可以添加一个圆形，如果我添加，它会这样添加：

 <circle r="130" cx="143" cy="143" fill="none" stroke="#444444" stroke-width="10" class="active-path" />

---

到svg？

如果需要将圆与路径分开，请：在d属性中搜索M命令，并在此点断开路径<代码>..027,0z M143.027，..将变成

..027,0z“/>非常感谢。如果你有几分钟的时间，你能回答这个问题吗？这样其他人可以从中受益，我可以结束这个问题。如果你需要将圆与路径分开，请：在d属性中搜索M命令，并在这一点上打断路径<代码>..027,0z M143.027，..

将成为

..027,0z”/>非常感谢。如果您有几分钟的时间，您能否回答这个问题，这样其他人可以从中受益，我可以结束这个问题。