我想在我的应用程序中使用Font Awesome图标。因为每个图标都必须作为现有SVG元素的一部分呈现，而不是使用我希望使用SVG路径的webfonts。
鉴于SVG字形的设计网格指向上方，如下所述： Extracting SVG from Font Awesome
我理解他们为什么倒挂，问题是如何正确旋转它们。到目前为止，我找到的唯一解决方案是在将图标放置到画布之前以编程方式旋转图标：
var icon = require('icons/fa-copy');
...
el.transform("r180"); //Raphael
我的问题是，如何使用css实现相同的功能，例如-webkit-transform？
将此转换应用于包含SVG路径的<path>元素，图标已旋转且转换为（0,0）。
修改
请注意，这是关于旋转SVG路径元素，请参阅此小提琴：