: How do I copy icon designs from Photoshop to Illustrator in order to turn them into .svg? I'm a newbie in creating font icons from .svg. I created some icons in Photoshop (.psd), and now

@Holmes874

You can also export SVGs directly from Photoshop using PNG Express. It works on both CS5, CS6, CC, and CC2014. It generates 100% non-rasterized SVGs which is not the case with the built-in PS CC tool. In my opinion it exports the most accurate SVGs, but I'm the developer so I might be biased.

Vote Up Vote Down

@Shakeerah625

You can actually export them directly to SVG through Photoshop itself through 'Extract Assets' dialog. Just select each layer or group that would be an SVG and right click on them to click on 'Extract Assets…'. This only works in the latest Photoshop CC release though (and I work on this dialog at Adobe). Would that help?

Vote Up Vote Down

@Berryessa866

You can also export the file to Illustrator paths if you have a lot of shapes to convert by going File > Export > Paths to Illustrator.

Vote Up Vote Down

@Gloria351

If they're created as shapes in Photoshop using the pen tool you should just be able to copy paste them into Illustrator.

I've created my own fonts the same way in Illustrator using fontastic.me

Just create a new illustrator doc and paste each character into a new layer. Save each character as an .svg and then import them all into Fontastic. Sometimes fontastic can crash when doing multiple icons so if this happens you might have to import them individually.

Hope this helps and good luck!

Vote Up Vote Down