CSS位置元素位于圆的外部

Question

我试图将较小的圆圈放在较大圆圈的边缘上，如下所示：

我对这件事唯一的问题是所有的圆圈都会根据用户显示的大小而改变。

每个较小的圆圈都包含一个字体很棒的图标，它必须在较小的圆圈内居中，并与边缘保持一点距离。

有没有人知道如何做到这一点？