SVGs are a high-quality vector format, so the shapes stay smooth no matter how large or small they are. Just like Lucidchart shapes, you can draw or connect lines directly to a SVG object, as well as change its fill color and gradient.
SVG files can be downloaded from the Internet or created in programs like Adobe Illustrator, Inkscape, and SVG-edit.
Follow these steps to successfully import SVG files to a custom shape library:
Open the Shape Manager by clicking ‘More Shapes’ while you’re in the editor.
Click the SVG button in the top left corner of the Shape Manager.
Select an existing custom shape library to import the files to or create a new custom shape library.
Select the SVG file(s) to upload. Hold Shift to select a range of files, or hold Control (Command for Mac) to select several files at once. Note: Please limit uploads to no more than 100 files at a time.
Click ‘Upload’ to begin the import process. Failed uploads will appear with an error message. If a file fails to upload, the import process will halt and no additional files will be added.
Imported files will appear in the selected library.
To add more shapes to an existing library, you can do any of the following:
Select the library inside the Shape Manager and click the ‘+’ icon
Click the SVG button
Click the ‘+’ button inside the toolbox
Managing SVG files and libraries
From the Shape Manager
From inside the editor, click the 'More Shapes' button and turn on your desired custom shape libraries. Selected shape libraries will now display in the toolbox.
To manage a shape library, right-click its name from the toolbox and select 'Manage Library'.
From here, you can turn team sharing off/on. Right-click individual shapes to rename, move, or edit.
From the toolbox
Right-click the title of the shape library to open the library in the Shape Manager
Right-click individual shapes to rename, move, or edit.
Ensure that each SVG file is an individual shape, not a collection of shapes
Please limit upload to 100 files at a time
Limit each file size to 150 kilobytes
Errors during import
Common errors in importing SVG shapes include a successful import of the shape, but with some of the properties appearing differently than in the original. The most likely causes for this occurring are:
Text objects in the file
Failed to import SVG
There are a few things that certainly cause SVG imports to fail. Please review the following suggestions to ensure a successful import. If you still cannot successfully import your file then please submit a ticket with the file attached and we'll be happy to help!
Make sure each file you selected has .svg at the end of the filename