Import SVG files

  1. InDesign User Guide
  2. Get to know InDesign
    1. Introduction to InDesign
      1. What's New in InDesign
      2. System requirements
      3. Common questions
      4. Use Creative Cloud libraries
    2. Workspace
      1. Workspace basics
      2. Toolbox
      3. Set preferences
      4. Touch workspace
      5. Default keyboard shortcuts
      6. Document recovery and undo
      7. Capture extension
  3. Create and lay out documents
    1. Documents and pages
      1. Create documents
      2. Work with parent pages
      3. Work with document pages
      4. Set page size, margins, and bleed
      5. Work with files and templates
      6. Create book files
      7. Add basic page numbering
      8. Number pages, chapters, and sections
      9. Convert QuarkXPress and PageMaker documents
      10. Share content
      11. Understand a basic managed-file workflow
      12. Save documents
    2. Grids
      1. Grids
      2. Format grids
    3. Layout aids
      1. Rulers
  4. Add content
    1. Text
      1. Add text to frames
      2. Threading text
      3. Arabic and Hebrew features in InDesign
      4. Create type on a path
      5. Bullets and numbering
      6. Glyphs and special characters
      7. Text composition
      8. Text variables
      9. Generate QR codes
      10. Edit text
      11. Align text
      12. Wrap text around objects
      13. Anchored objects
      14. Linked content
      15. Format paragraphs
      16. Format characters
      17. Find/Change
      18. Spell check and language dictionaries
    2. Typography
      1. Using fonts in InDesign
      2. Kerning and tracking
    3. Format text
      1. Format text
      2. Tabs and indents
    4. Review text
      1. Track and review changes
      2. Add editorial notes in InDesign
      3. Import PDF comments
    5. Add references
      1. Create a table of contents
      2. Footnotes
      3. Create an index
      4. Endnotes
      5. Captions
    6. Styles
      1. Paragraph and character styles
      2. Object styles
      3. Drop caps and nested styles
      4. Work with styles
      5. Leading
    7. Tables
      1. Format tables
      2. Create tables
      3. Table and Cell styles
      4. Select and edit tables
      5. Table strokes and fills
    8. Interactivity
      1. Hyperlinks
      2. Dynamic PDF documents
      3. Bookmarks
      4. Buttons
      5. Forms
      6. Animation
      7. Cross-references
      8. Structure PDFs
      9. Page transitions
      10. Movies and sounds
      11. Forms
    9. Graphics
      1. Understand paths and shapes
      2. Draw with the Pencil tool
      3. Draw with the Pen tool
      4. Apply line (stroke) settings 
      5. Compound paths and shapes
      6. Edit paths
      7. Clipping paths
      8. Change corner appearance
      9. Align and distribute objects
      10. Linked and embedded graphics
      11. Integrate AEM assets
    10. Color and transparency
      1. Apply color
      2. Use colors from imported graphics
      3. Work with swatches
      4. Mix inks
      5. Tints
      6. Undertand spot and process colors
      7. Blend colors
      8. Gradients
      9. Flatten transparent artwork
      10. Add transparency effects
  5. Share
    1. Share and collaborate        
    2. Share for Review
    3. Review a shared InDesign document
    4. Manage feedback 
  6. Publish
    1. Export and publish
      1. Publish Online
      2. Export content for EPUB
      3. Adobe PDF options
      4. Export content to HTML
      5. Export to Adobe PDF
      6. Export to JPEG format
      7. Export HTML
      8. DPS and AEM Mobile overview
    2. Printing
      1. Print booklets
      2. Printer's marks and bleeds
      3. Print documents
      4. Inks, separation, and screen frequency
      5. Overprinting
      6. Create PostScript and EPS files
      7. Preflight files before handoff
      8. Print thumbnails and oversized documents
      9. Prepare PDFs for service providers
      10. Prepare to print separations
  7. Extend InDesign
    1. Automation
      1. Data merge
      2. Plug-ins
      3. Capture extension in InDesign
      4. Scripting

Learn how to import SVG files in InDesign.

SVG file

InDesign now lets you import the SVG and SVGZ format files in InDesign and InCopy documents. Earlier, SVGs from CC libraries were imported as PNGs in InDesign.

SVG (Scalable Vector Graphics) is a vector format that describes images as shapes, paths, text, and filter effects. The resulting files are compact and provide high-quality graphics on the web, in print, and even on resource-constrained handheld devices. 

Place the SVG file

  • To place the SVG file saved on your computer, choose File Place.
  • To place the SVG available in your CC Libraries, choose File Place from CC Libraries.

Export the SVG file

Export to EPUB and HTML using object export options

  • Choose Object > Object Export Options.
  • Open the EPUB and HTML tab.
  • When the SVG object is selected in the document, the Format value is displayed as SVG.
  • Select SVG Options as Embed Code or Object Tags.
    • Embed Code: Original XML code of SVG is added in the HTML or the ePub created from InDesign.
    • Object Tag: SVG is referenced in the Object tag in the HTML and the .svg file is saved in the resources folder.
Object Export Options

Preserve appearance from layout

Select one of the following options in the Preserve Appearance From Layout drop-down list:

Object Export Options

  • Default: SVG settings are picked up from the HTML or ePub Export dialog.
  • Use Existing Image for Graphic Objects: SVG is used in the exported dialog based on the Use SVG As specified option setting.
  • Rasterize Container and Rasterize Content: SVG is rasterized preserving the appearance in the layout based on the format selected in the Format drop-down list.

Export to HTML

  • Choose File > Export > HTML.
  • Open the Image tab.
  • Set the following SVG options in accordance with the selected Copy Images setting:
    • Original: Use SVG As options are enabled and you can select SVG Options as Embed Code or Object Tags.
    • Optimized
      • When the Preserve Appearance from Layout (for Graphic/Media objects) option is not selected: Use SVG As option is enabled and you can select SVG Options as Embed Code or Object Tags.
      • When the Preserve Appearance from Layout (for Graphic/Media objects) option is selected: Use SVG As options are disabled and SVGs in the document are rasterized based on the image format specified in the Image Conversion drop-down list.
HTML Export

Export to EPUB Reflowable Layout

  1. Choose File > Export > EPUB (Reflowable).
  2. Open the Object tab.
    • If the Preserve Appearance from Layout (for Graphic/Media objects) option is selected: The Use SVG As option is disabled and SVGs in the document are rasterized based on the format specified in the Image Conversion settings.
    • If the Use Existing Image for Graphic Objects option is selected: The Use SVG As option is enabled.
    • When both the above options are not selected: The Use SVG As option is enabled.
EPUB Reflowable Object Options

Export to EPUB Fixed Layout

The EPUB - Fixed Layout Export Options dialog does not include any options specific to SVGs. However, the SVG settings are picked up from the Object Export Options dialog.

Export to PDF (Print and Interactive) or Print Workflows

As SVG is a vector format, the native vector of SVG is exported to the PDF generated from InDesign. However, any interactivity or clipping mask or clipping paths is not supported.

Publish online

  • The SVG or SVGZ file is referenced in the <img> tag in the generated HTML.
  • Javascript is not supported, however, native SMIL animation is supported.

Preview SVG animations

You can import or place animated SVG files in InDesign. You can preview SVG animations in the EPUB Interactivity Preview Panel.

Choose Windows > Interactive > EPUB Interactivity Preview.

Adobe logo

Sign in to your account