Вот пример круга с удаленным кругом.
Затем вы можете масштабировать его или что угодно.
Внутри определения пути вы можете увидеть "moveto"Команда «(m) посередине, поэтому вам нужно иметь внешнюю форму в виде прямоугольника.
Создайте нужный прямоугольник и окружность внутри него с помощью редактора SVG, такого как Inkscape.
Удалите необработанный SVG из 2-х путей (перед сохранением вы должны преобразовать svg: rect в svg: path внутри редактора)
Соедините два пути с помощью moveto, разделяющего их.Эксперимент на том же экране.как показано выше.