形似阴阳的空中心css

我这里有一个加载器：

我想让它看起来像这样

我不确定单用边框就可以做到这一点，我尝试了很多不同的边框宽度/半径等，但结果总是不对的

.loader {
    border-top: 40px solid #3498db; /* Blue */
    border-bottom: 40px solid darkblue; /* Blue */
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

编辑：我不是要让它旋转。我在问如何用css创建上面提供的图像。你会注意到阴阳的形状填充了一个圆。我想要的形状没有，中心是空的。

可以吗

*{
框大小：边框框；
}
div{
显示：内联块；
}
.加载器{
边框顶部：40px实心#3498db；/*蓝色*/
边框底部：40px实心深蓝色；/*蓝色*/
边界半径：75%25%75%；
宽度：200px；
高度：200px；
变换：旋转（35度）；
左边缘：25%；
}

---

是否需要此帮助？可能是@Michael的复制品，不完全是。我不是在寻找阴阳，我的例子有一个空的中心。尼克，我的问题不是这个。