CSS字体图标是前端开发中常用的一种图标方案，它可以通过设置字体、字符编码和样式来实现与图片类似的效果。而对于对称旋转的图标，我们可以通过CSS的transform属性来实现。

.icon {
font-family: "FontAwesome";
font-size: 24px;
color: #333;
}
.rotate {
transform: rotate(180deg);
}
.mirror {
transform: scaleX(-1);
}

以上代码中，我们定义了一个.icon类来设置字体图标的样式，其中font-family设置字体，font-size设置字体大小，color设置颜色。通过transform属性我们可以实现旋转和镜像的效果。

特别地，使用rotate函数可以对图标进行旋转，其参数是旋转角度，例如rotate(180deg)表示旋转180度，我们可以通过设置1-360度的角度值实现不同的旋转效果。

而使用scaleX(-1)函数可以实现水平镜像的效果，将图标水平翻转。同样的，scaleY(-1)可以实现垂直翻转效果。

在实际开发中，我们可以根据需求使用这些CSS样式来实现对称旋转的字体图标，进一步美化网页。