User Guide Cancel

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. Customize your workspace in InDesign
      3. Toolbox
      4. Set preferences
      5. Properties panel
      6. Touch workspace
      7. Default keyboard shortcuts
      8. Undo edits and manage History panel
      9. Document recovery and undo
    3. Generative AI
      1. Text to Image
      2. Generative Expand
      3. Generative AI FAQ
  3. Create and layout 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. Convert PDFs to InDesign files in InDesign (Beta)
      7. Create book files
      8. Add basic page numbering
      9. Number pages, chapters, and sections
      10. Convert QuarkXPress and PageMaker documents
      11. Share content
      12. Understand a basic managed-file workflow
      13. Save documents
    2. Grids
      1. Grids
      2. Format grids
    3. Layout aids
      1. Rulers
      2. Align and distribute objects using rulers
      3. Measure objects using the Measure tool
  4. Add content
    1. Text
      1. Add text to frames
      2. Threading text
      3. South-East Asian Scripts
      4. Arabic and Hebrew features in InDesign
      5. Create type on a path
      6. Bullets and numbering
      7. Glyphs and special characters
      8. Text composition
      9. Text variables
      10. Generate QR codes
      11. Edit text
      12. Align text
      13. Wrap text around objects
      14. Anchored objects
      15. Linked content
      16. Format paragraphs
      17. Format characters
    2. Typography
      1. Using fonts in InDesign
      2. Kerning and tracking
      3. Scale and skew type
      4. Apply color effects to type
    3. Format text
      1. Format text
      2. Auto Style text
      3. Work with Style Packs
      4. Tabs and indents
    4. Review text
      1. Track and review changes
      2. Add editorial notes in InDesign
      3. Import PDF comments
    5. Spell check and language dictionaries
      1. Check spelling, autocorrect, and dynamic spelling
      2. Create, add, and manage dictionaries and words
      3. Change dictionary preferences
      4. Duden dictionary
    6. Add references
      1. Create a table of contents
      2. Footnotes
      3. Create an index
      4. Endnotes
      5. Captions
    7. Styles
      1. Paragraph and character styles
      2. Map, export, and manage styles
      3. Object styles
      4. Drop caps and nested styles
      5. Work with styles
      6. Leading
    8. Tables
      1. Format tables
      2. Create tables
      3. Table and Cell styles
      4. Select and edit tables
      5. Table strokes and fills
    9. 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
    10. 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. Frames and objects
      10. Align and distribute objects
      11. Linked and embedded graphics
      12. Integrate AEM assets
    11. Color and transparency
      1. Apply color
      2. Use colors from imported graphics
      3. Work with swatches
      4. Mix inks
      5. Tints
      6. Understand spot and process colors
      7. Blend colors
      8. Gradients
      9. Flatten transparent artwork
      10. Add transparency effects
  5. Find and replace
    1. Find and replace text
    2. Find and replace fonts
    3. Find and replace glyphs
    4. Find and replace using GREP expressions and queries
    5. Find and replace objects
    6. Find and replace colors
    7. Search options to find and replace
  6. Share
    1. Save and access cloud documents
    2. Organize, manage, and share cloud documents
    3. View and manage versions in cloud documents
    4. Common questions about InDesign cloud documents
    5. Share and collaborate        
    6. Share for Review
    7. Review a shared InDesign document
    8. Manage feedback 
  7. Publish
    1. Place, export, and publish
      1. Publish online
      2. Publish online dashboard
      3. Copy, insert graphics
      4. Export content for EPUB
      5. Adobe PDF options
      6. Export content to HTML
      7. Export to Adobe PDF
      8. Export to JPEG format
      9. Export HTML
      10. DPS and AEM Mobile overview
      11. Supported File Formats
      12. Export and import User Settings
    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
  8. Extend InDesign
    1. Automation
      1. Data merge
      2. Plug-ins
      3. Capture extension in InDesign
      4. Scripting
  9. Troubleshooting
    1. Fixed issues
    2. Known issues
    3. Crash on launch
    4. Preference folder read-only issue
    5. Troubleshoot file issues
    6. Unable to export InDesign file to PDF
    7. InDesign document recovery

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

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online