Photoshop and other apps
Bring icons into Photoshop, Illustrator, Canva-style editors and slides as PNG or SVG.
Any app that opens SVG or PNG can use HubToolify icons. Every icon's page downloads both, in any style you have access to, at the colour and size you set.
Which format?#
| Use | Format |
|---|---|
| Logos, print, anything that is scaled | SVG: sharp at every size, editable |
| Photo editors, slides, documents, social posts | PNG with a transparent background, at the final size or larger |
| 3D style | PNG only: it is a rendered picture, not a vector |
Photoshop#
- PNG: open the icon, pick a colour and a size up to 1024 px, keep the background transparent and choose Download PNG. Drag it into your document, or use File → Place Embedded.
- SVG: File → Place Embedded accepts SVG and keeps it as a smart object that scales without blurring.
Illustrator, Affinity and Inkscape#
Open or drag in the SVG. Every path is editable. Line icons keep their strokes, so you can change the weight; use Outline Stroke (or your app's equivalent) before cutting or plotting.
Slides, Docs and online editors#
Most of them accept SVG uploads (Google Slides, PowerPoint, Keynote, Notion and browser-based design editors). Where SVG is refused, use a PNG at twice the size you need, so it stays crisp on high-density screens.
Many icons at once#
Select several icons in the library and download them as one SVG or PNG ZIP, or build a named pack with the Pro pack builder.
© 2026 HubToolify. Documentation text and examples are HubToolify's own; code snippets may be copied into your projects.