使用css更改字体图标的形状

Question

我已经从flaticon.com下载了font-icon

• 要更改字体图标颜色，我们可以像这样使用css：

  .flaticon-baby23:before {
       content: "\e000";
       color:red;
  }
  

• 改变尺寸我们使用这个：

  .flaticon-baby23:before {
       content: "\e000";
       font-size:15px;
  }
  

是否可以通过任何方法更改字体图标的形状，如我在here is webiste 找到的图片中所示
那些形状各异

• 我如何更改图标形状???

我的风格

Answer 1

这些图标的变化方式＆＃34;形状＆＃34;是边界半径，背景和阴影应用于它们。图标本身（推特鸟）没有改变。

根据您的目的，您可能也可以这样做。

如果您试图将手机字体图标的边缘四舍五入，那么除非您找到已经具有该图标的图标，否则这是不可能的。相反，如果您尝试为图标创建类似于所显示的推特图标的背景，请使用border-radius，background-color和drop-shadow设置字体图标的样式。

Answer 2

更好地下载其他字体图标包或使用背景辐射方法