I had downloaded an app UI kit from Themeforest, it contains various .psd files like Sign in Page, chart, chat, weather, forms etc.. I want to use the components present in .psd file like gear icon, button or chart design but they are not available as images but probably as vector shapes.

enter image description here

As you can see, there are a couple of shapes, how to export them so I can use them on website or app?

  • You should probably avoid looking for PSDs, and avoid using Photoshop for vector work. Instead look for SVG icons. You can use these directly on web pages. You could even create your own SVG icons in Illustrator or Inskcape.
    – Billy Kerr
    Sep 10, 2018 at 17:40

1 Answer 1

  • Use the right button to click on the layer and duplicate it in a new document
  • Holding Cmd (Mac)/Ctrl (Win), click the layer thumbnail to load the transparency channel
  • Menu Image > Crop
  • Menu File > Export > Save for web > File format PNG-24 with Transparency checked

Vector to image


  • Is it possible to export them as SVG so they look same upon different zoom levels? Sep 11, 2018 at 18:09
  • Editing them in Illustrator.
    – user120647
    Sep 11, 2018 at 18:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.