How to Add Custom Logos, Images & Shapes

By Liza Mock on Oct 12, 2015 in Video Tutorials

Everyone’s diagramming needs are different, which is why we’ve made it easy to import any SVG, JPG or PNG image or library of images into Gliffy. Having custom images is a great way of making diagrams fit your individual needs and if you work with a team it’s a fast and easy way of establishing shared visual standards. We recommend importing SVG images whenever possible. They can be enlarged to any size without losing resolution.

If you need inspiration, a few of our favorite sources for icons are IcoMoon, The Noun Project and Icon Finder. We also love the Sketch App sources newsletters because they’re full of great tips and free resources.

WATCH THIS VIDEO TO LEARN HOW TO IMPORT IMAGES

There Are 3 Ways to Import an Image

    importing your own images copy
  1. You can go to the toolbar and choose File, Import.
  2. Go to the Images section of your Gliffy library and click the Select Image to Upload button.
  3. Simply drag and drop an image from your computer directly on to the Gliffy canvas.

Pro Tip: You can tag or delete any image by right clicking it.

How to Add a Custom Library
If you have a whole set of images you’d like to import at once you can import them as a custom library that can be shared and edited by anyone on your team.

  1. Click the “More Shapes” button at the bottom of the left sidebar.click-more-shapes
  2. Click the “Add Custom Shape Library” button in the dialog that pops up.click-add-custom-library
  3. Give your library a name (unnamed libraries will NOT BE SAVED) and then drag and drop your SVG files from your computer into the specified area in the dialog box (or click the upload link).name-and-add-shapes
  4. Click the “Save Library” button at the bottom of the dialog.
  5. Decide whether only you or anyone sharing the account can edit the library you’ve just added.
    To Organize Your Custom Library

    custom library options copy

    Select the Gear icon. From here you will be able to Edit, Remove or Delete it.

Pro Tip: We recommend that you import SVG files whenever possible. They can be enlarged to any size without losing resolution.

Please note, there is currently a limit of 30 shapes per library and 1MB size limit per image.