Question

我正在使用illustrator创建一个SVG文件，该文件将使用icomoon转换为字体图标。但我对最终结果有疑问。我的图标基本上是同心圆的集合，在插图画家中保存为SVG。使用iconmoon将SVG转换为图标，我看到图标被转换为多个路径而不是单个对象。

    <span class="icon-4">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></span>
<span class="path4"></span>
<span class="path5"></span>
<span class="path6"></span>
</span>

链接到图片：http://imgur.com/FnWgQNF

Answer 1

我有同样的问题。在插画家中尝试查看透明度网格，删除插画中的所有颜色，减去透明度，一切都没有运气。

然后我在IcoMoon中发现，如果在底部而不是单击“生成字体”，则选择“SVG and More”，您可以单击问题图标并在应用程序中编辑SVG。 IcoMoon有一个“删除颜色”按钮（带x的下拉）。一旦你完成了，你可以关闭那个盒子，你的svg是单色的，不需要重新进口。然后，您可以下载它，或者只需单击以生成您的字体。田田！： - ）

我花了一段时间来弄明白这一点，但是一旦我做了，我就被卖出了真棒的icomoon。

Answer 2

您导入的SVG中可能有多种颜色。因此，您的图标被解释为“多色”。由于字体字形只能有一种颜色，因此IcoMoon必须使用多个路径来显示多色图标。尝试将SVG中的所有颜色更改为相同的颜色并重新导入SVG。

Answer 3

Keyamoon是对的。从Icomoon查看：

默认情况下，字体字形不能有多种颜色。使用CSS，IcoMoon将多个字形叠加在一起，以使颜色字形成为可能。因此，这些字形需要多个字符代码，并且不能具有连字。

为避免多色字形，请在将所有颜色更改为相同颜色后重新导入SVG。

Answer 4

要更改Illustrator中的图标，并如注释中所述：

1。您需要清除填充物

选择每个路径，然后使用填充工具 x 删除设置为“无”的颜色
使用 SWap Fill and Stroke 工具 SHIFT + x 选择每个需要着色的路径。您很可能会将此颜色设置为#000000

2。减去形状并校正svg

要显示形状的颜色，请选择视图>显示透明网格 SHIFT + CTRL + d
创建一个复合路径。
在选择了路径的情况下，右键单击图像，然后选择“ 制作复合路径” 。

3。在Illustrator中保存为svg

在Illustrator中使用另存为... 将图标另存为svg
请注意选项窗口中的 SVG代码... 按钮，并通过检查<style>标签的源代码来验证更改。
如果操作正确，最终会遇到stroke: #ffffff;条规则，那就很好。但是fill: #ffffff;应该不再可见。

4。在Icomoon中使用该应用

导入课程图标
使用编辑工具 ALT ：
- 将 Grid 设置为16
- 选择 Scale 以使用“适合画布”
- 选择“画布/对齐方式” 以使用“ 方形画布” 和“对齐中心”
- 选择“删除颜色”（如果有的话）

Answer 5

如果svg上的元素之一是字符（字体），则首先将其转换为形状，然后选择两个图层，然后在路径查找器面板中选择“单击以减负”，即可将两个图层都转换为一个单独的彩色图层

Answer 6

您将要选择所有要合并的路径（不包括您不想合并的任何内部路径）。

打开探路者面板后，按Unite键。这将合并对象。

然后转到顶部菜单，然后单击“对象”选项卡，在下拉菜单中选择“复合路径”，然后按make。

使用icomoon的SVG到Ico生成多个路径而不是单个对象字形

6 个答案:

1。您需要清除填充物

2。减去形状并校正svg

3。在Illustrator中保存为svg

4。在Icomoon中使用该应用