Melmaphother/Awesome-SVG-Generation

A curated list of awesome papers, projects, and resources for Scalable Vector Graphics (SVG) generation.

3

3 commits

updated Jul 1, 2025

See the code

README

Awesome SVG Generation ✨

A curated list of awesome papers, projects, and resources for Scalable Vector Graphics (SVG) generation. This collection focuses on the intersection of deep learning and vector graphics, highlighting recent advancements in generating structured, editable, and high-fidelity SVGs from various inputs. The field is rapidly advancing, driven by innovations in large language models (LLMs), multimodal models (MLLMs), and diffusion-based techniques. This list aims to serve as a high-quality, up-to-date reference for researchers, developers, and designers working in this exciting domain.


Contents

📖 Research Papers

This section provides a curated list of key research papers in SVG generation, categorized by their core methodology. The papers are sorted with the most recent publications first within each category.

🧠 Language & Multimodal Methods

These models frame SVG generation as a sequential or code generation task, leveraging architectures like Transformers and State Space Models. They excel at understanding structure, semantics, and utilizing SVG's full primitive set, often taking multimodal inputs like images and text.

🎨 Differentiable Rendering & Diffusion-based Methods

These methods primarily optimize vector parameters (e.g., Bézier curve control points) by comparing a differentiably rendered raster image against a target. This target is often a real image or one synthesized by a powerful text-to-image diffusion model, leveraging its rich visual priors.

💾 Datasets & Benchmarks

A collection of key datasets and benchmarks crucial for training and evaluating SVG generation models.

📊 Datasets

NameDescriptionSizeLink
MMSVG-2MA large-scale multimodal dataset with 2 million richly annotated SVG assets, including icons, illustrations, and characters. Introduced by OmniSVG.2MHugging Face
SVG-StackA large-scale dataset for Image-to-SVG and Text-to-SVG tasks, containing a diverse collection of vector graphics.2MHugging Face
SVG-iconsA large-scale dataset of SVG icons used for training and evaluation in the DeepSVG paper.100kGithub Link
FIGR-8-SVGA dataset of simple, monochrome icons with corresponding textual descriptions, widely used for text-to-icon generation tasks in the IconShop paper.8kGithub Link

⚖️ Benchmark

NameDescriptionSizeLink
SVG-BenchA comprehensive benchmark suite from the StarVector authors, containing 10 datasets for 3 different tasks (Image-to-SVG, Text-to-SVG, Diagram Gen).-Hugging Face

🛠️ Tools & Resources

A curated list of essential software, libraries, and frameworks for working with SVGs, from manual editing to programmatic manipulation and optimization.

✒️ SVG Editors & Viewers

For creating, viewing, and manually editing vector graphics.

  • Inkscape: A powerful, free and open-source vector graphics editor that uses SVG as its native format.
  • Figma: A collaborative interface design tool with excellent support for vector editing and SVG export.
  • Online Editor: A simple and clean open-source vector editor that runs in the browser.

⚙️ SVG Optimization

Tools for reducing file size by cleaning up redundant information and optimizing path data.

  • svgomg: A web-based GUI to visually optimize SVG files, running SVGO under the hood.
  • svgo: A Node.js-based tool and library for optimizing SVG vector graphics files. The industry standard.
  • scour: A Python-based SVG optimizer that can also repair damaged files.

📦 Libraries & Frameworks

🐍 Python

For backend processing, data manipulation, and integration with deep learning models.

  • diffvg: A differentiable rasterizer for vector graphics, enabling gradient-based optimization of SVG parameters. A core component in many optimization-based methods.
  • svglib: A library for reading SVG files and converting them into other formats (e.g., PDF, PNG) using the ReportLab toolkit.
  • svgwrite: A Python library to create SVG drawings programmatically. It's a drawing library, not a parser.
  • cairosvg: A library to convert SVG files to various raster formats like PNG, PDF, and PostScript.
  • svgelements: A robust Python library for parsing SVG files into a structured object model, supporting paths, shapes, and CSS styling.

🚢 Javascript

For web-based rendering, interaction, and animation.

  • d3js: A powerful library for manipulating documents based on data. It brings data to life using HTML, SVG, and CSS.
  • snapsvg: A JavaScript library that makes working with your SVG assets as easy as jQuery makes working with the DOM.
  • gsap: A professional-grade animation library for the modern web, with robust support for SVG animation.
  • svgjs: A lightweight library for manipulating and animating SVG with a clean, concise syntax.
  • Vivus.js: A lightweight, dependency-free JavaScript class that gives SVGs the appearance of being drawn.

🤝 Contributing

Contributions are welcome! If you have a suggestion for a paper, project, or resource to add, please feel free to open a pull request. Please ensure your submission is high-quality and relevant to the topic of SVG generation. Follow the existing format and provide all necessary information (links, publication status, etc.).

📄 License

To the extent possible under law, the contributors have waived all copyright and related or neighboring rights to this work.

Contributors

Melmaphother

3 commits

Melmaphother/Awesome-SVG-Generation

A curated list of awesome papers, projects, and resources for Scalable Vector Graphics (SVG) generation.

3

3 commits

updated Jul 1, 2025

See the code

README

Awesome SVG Generation ✨

A curated list of awesome papers, projects, and resources for Scalable Vector Graphics (SVG) generation. This collection focuses on the intersection of deep learning and vector graphics, highlighting recent advancements in generating structured, editable, and high-fidelity SVGs from various inputs. The field is rapidly advancing, driven by innovations in large language models (LLMs), multimodal models (MLLMs), and diffusion-based techniques. This list aims to serve as a high-quality, up-to-date reference for researchers, developers, and designers working in this exciting domain.


Contents

📖 Research Papers

This section provides a curated list of key research papers in SVG generation, categorized by their core methodology. The papers are sorted with the most recent publications first within each category.

🧠 Language & Multimodal Methods

These models frame SVG generation as a sequential or code generation task, leveraging architectures like Transformers and State Space Models. They excel at understanding structure, semantics, and utilizing SVG's full primitive set, often taking multimodal inputs like images and text.

🎨 Differentiable Rendering & Diffusion-based Methods

These methods primarily optimize vector parameters (e.g., Bézier curve control points) by comparing a differentiably rendered raster image against a target. This target is often a real image or one synthesized by a powerful text-to-image diffusion model, leveraging its rich visual priors.

💾 Datasets & Benchmarks

A collection of key datasets and benchmarks crucial for training and evaluating SVG generation models.

📊 Datasets

NameDescriptionSizeLink
MMSVG-2MA large-scale multimodal dataset with 2 million richly annotated SVG assets, including icons, illustrations, and characters. Introduced by OmniSVG.2MHugging Face
SVG-StackA large-scale dataset for Image-to-SVG and Text-to-SVG tasks, containing a diverse collection of vector graphics.2MHugging Face
SVG-iconsA large-scale dataset of SVG icons used for training and evaluation in the DeepSVG paper.100kGithub Link
FIGR-8-SVGA dataset of simple, monochrome icons with corresponding textual descriptions, widely used for text-to-icon generation tasks in the IconShop paper.8kGithub Link

⚖️ Benchmark

NameDescriptionSizeLink
SVG-BenchA comprehensive benchmark suite from the StarVector authors, containing 10 datasets for 3 different tasks (Image-to-SVG, Text-to-SVG, Diagram Gen).-Hugging Face

🛠️ Tools & Resources

A curated list of essential software, libraries, and frameworks for working with SVGs, from manual editing to programmatic manipulation and optimization.

✒️ SVG Editors & Viewers

For creating, viewing, and manually editing vector graphics.

  • Inkscape: A powerful, free and open-source vector graphics editor that uses SVG as its native format.
  • Figma: A collaborative interface design tool with excellent support for vector editing and SVG export.
  • Online Editor: A simple and clean open-source vector editor that runs in the browser.

⚙️ SVG Optimization

Tools for reducing file size by cleaning up redundant information and optimizing path data.

  • svgomg: A web-based GUI to visually optimize SVG files, running SVGO under the hood.
  • svgo: A Node.js-based tool and library for optimizing SVG vector graphics files. The industry standard.
  • scour: A Python-based SVG optimizer that can also repair damaged files.

📦 Libraries & Frameworks

🐍 Python

For backend processing, data manipulation, and integration with deep learning models.

  • diffvg: A differentiable rasterizer for vector graphics, enabling gradient-based optimization of SVG parameters. A core component in many optimization-based methods.
  • svglib: A library for reading SVG files and converting them into other formats (e.g., PDF, PNG) using the ReportLab toolkit.
  • svgwrite: A Python library to create SVG drawings programmatically. It's a drawing library, not a parser.
  • cairosvg: A library to convert SVG files to various raster formats like PNG, PDF, and PostScript.
  • svgelements: A robust Python library for parsing SVG files into a structured object model, supporting paths, shapes, and CSS styling.

🚢 Javascript

For web-based rendering, interaction, and animation.

  • d3js: A powerful library for manipulating documents based on data. It brings data to life using HTML, SVG, and CSS.
  • snapsvg: A JavaScript library that makes working with your SVG assets as easy as jQuery makes working with the DOM.
  • gsap: A professional-grade animation library for the modern web, with robust support for SVG animation.
  • svgjs: A lightweight library for manipulating and animating SVG with a clean, concise syntax.
  • Vivus.js: A lightweight, dependency-free JavaScript class that gives SVGs the appearance of being drawn.

🤝 Contributing

Contributions are welcome! If you have a suggestion for a paper, project, or resource to add, please feel free to open a pull request. Please ensure your submission is high-quality and relevant to the topic of SVG generation. Follow the existing format and provide all necessary information (links, publication status, etc.).

📄 License

To the extent possible under law, the contributors have waived all copyright and related or neighboring rights to this work.

Contributors

Melmaphother

3 commits