如果您掌握了以上填充态图标的设计方法，相信其他图标的设计只要以此及彼的思考，就可以完成。比如线性图标，在绘制线性图标时，我们首先会建立一个半透明的矩形来固定图标应该绘制的范围，比如「40px」。然后我们把填充关闭，只使用描边来绘制线性图标即可。绘制完以后我们无需保存文件，仅通过 Ctrl+C的复制快捷键，然后打开 Sketch 或者 Adobe XD 就可以使用 Ctrl+V 将图标粘贴过去了。但是，如果您使用 Photoshop 做界面设计，可能会多两道手续，首先就是线性图标需要扩展才可以复制到 Photoshop 中。将图标复制一份(扩展之后的图标不方便修改，所以要留着可修改版本)，然后点击对象菜单 > 扩展，点确定，就可以把原本是没有闭合的路径改为完整的形状。

然后复制，打开 Photoshop 粘贴会打开提示框，我们可以选择把图标粘贴成为像素、智能对象、路径、形状。如果粘贴成像素的话，那无疑对修改是非常不利的。如果粘贴成智能对象，双击智能对象会回到 Illustrator 中修改，但是也有一定缺点，那就是智能对象不能直接在 Photoshop 中进行调整。如果粘贴成路径也不是很方便，所以好是我们将 Illustrator 中绘制的小图标粘贴成形状。选择后，图标就粘贴成了形状图层，我们可以在 Photoshop 中对它进行布尔运算、锚点调整等操作了。

然而，我们会发现图标粘贴到 Photoshop 中，横竖的路径会出现虚边的情况(圆角和斜线是允许一定的虚边出现的，但是直线不可以)。这种虚边有可能会影响用户的体验，我们必须把它消灭掉。种方法：在 Photoshop 中我们可以用直接选择工具后界面上方的对齐路径功能，给它打钩来尝试修复这个问题。第二种方法：我们可以使用直接选择工具选中虚掉的某两个锚点，然后按 Ctrl+T(自由变换)，再按键盘的上下或左右「摇一摇」，路径就会清晰了。第三种方法：也可以使用几像素的矩形进行布尔运算强行对齐。三种方法一定能够让图标的横竖路径没有虚边，达到的效果。当然 Sketch 和 Adobe XD 都是矢量工具所以复制后没有这个问题。

在 Photoshop 中使用「摇一摇」的方法对齐路径

在 Adobe XD 中，图标无需进行扩展，并可以实时调整描边粗细等属性。