Topics / #svg

Svg projects on GitHub

Vector image format used for icons, logos, and resolution-independent graphics.

As of , the most-starred Svg projects on GitHub are excalidraw (134.2K stars), three.js (116.6K stars) and d3 (113.8K stars). GitHub.Locker tracks 154 Svg repositories with 2.6M stars combined. The fastest-growing on October 18 was pele, with +1K stars in a day.

154Projects
2.6MStars in total
+7.6KStars in a day

Hot right now

Most stars gained in a day · Oct 18

The all-time top

Top 100 of 154 · by stars

  1. #1 · excalidraw/excalidraw

    excalidraw

    An open source virtual whiteboard with a hand-drawn look for sketching diagrams, wireframes and whatever you like — use it at excalidraw.com or embed the npm package in your own app.

    134.2K
  2. #2 · mrdoob/three.js

    three.js

    It's a JavaScript 3D library for the browser: the project aims to be easy-to-use, lightweight, cross-browser and general-purpose. Around since 2010, now over 116,000 GitHub stars.

    116.6K
  3. #3 · d3/d3

    d3

    D3 (or D3.js) is a free, open-source JavaScript library for visualizing data.

    113.8K
  1. 4

    archify

    85.7Ktt-a1i/archify · JavaScript

    Archify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.

  2. 5

    github-readme-stats

    79.8Kanuraghazra/github-readme-stats · JavaScript

    A service that generates dynamic SVG stat cards (commits, stars, PRs, rank) and a top-languages card you can embed in your GitHub profile README.

  3. 6

    Font-Awesome

    77KFortAwesome/Font-Awesome · JavaScript

    Font Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.

  4. 7

    anime

    73.7Kjuliangarnier/anime · JavaScript

    Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.

  5. 8

    echarts

    67.5Kapache/echarts · TypeScript

    Apache ECharts is a free, powerful charting and data visualization library for browsers, written in pure JavaScript, used to add interactive and highly customizable charts to products.

  6. 9

    diagram-design

    58.4Kcathrynlavery/diagram-design · HTML

    Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

  7. 10

    material-design-icons

    54.1Kgoogle/material-design-icons

    This is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).

  8. 11

    tldraw

    51Ktldraw/tldraw · TypeScript

    tldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.

  9. 12

    pretext

    50.8Kchenglou/pretext · TypeScript

    Pretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.

  10. 13

    pixijs

    48.4Kpixijs/pixijs · TypeScript

    PixiJS is a 2D rendering engine for the web that uses WebGL and WebGPU to draw fast, interactive graphics like games, data visualizations, and creative sites.

  11. 14

    frontend-dev-bookmarks

    47.6Kdypsilon/frontend-dev-bookmarks

    A manually curated collection of links and resources for frontend web developers, organized into topic categories like Appearance, Architecture, Compatibility, Ecosystem, Languages/Protocols/Browser APIs, UI Components, and Workflow.

  12. 15

    tabler

    41.9Ktabler/tabler · Astro

    Tabler is a free and open source admin dashboard UI kit built on Bootstrap 5: ready-made layouts, components and demo pages for admin panels, dashboards and web apps, in light and dark mode.

  13. 16

    carbon

    36.1Kcarbon-app/carbon · JavaScript

    Carbon is a web app for turning your source code into a beautiful, shareable image — great for posting code snippets on Twitter, Slack, or a blog.

  14. 17

    lottie-android

    35.8Kairbnb/lottie-android · Java

    Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.

  15. 18

    sharp

    32.8Klovell/sharp · JavaScript

    sharp is a high-performance image processing module for Node.js, built on the libvips library. Its typical job is converting large images in common formats into smaller, web-friendly files of varying dimensions.

  16. 19

    lottie-web

    32.2Kairbnb/lottie-web · JavaScript

    Lottie-web is a JavaScript library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively in the browser, so designers can ship real animations without an engineer hand-coding them.

  17. 20

    fabric.js

    31.5Kfabricjs/fabric.js · TypeScript

    Fabric.js is a JavaScript library for working with the HTML5 canvas, letting you create and manipulate interactive shapes, text and images, and convert between SVG and canvas.

  18. 21

    GSAP

    29.5Kgreensock/GSAP · JavaScript

    GSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript library for building high-performance animations that work in every major browser.

  19. 22

    recharts

    27.6Krecharts/recharts · TypeScript

    Recharts is a charting library for React that lets you build charts out of composable React components, built on top of D3 for calculations and native SVG for rendering.

  20. 23

    shields

    27.3Kbadges/shields · JavaScript

    Shields.io — a service for concise, consistent, and legible badges in SVG and raster format, designed to be embedded in GitHub readmes or any other web page.

  21. 24

    baoyu-skills

    26.8KJimLiu/baoyu-skills · TypeScript

    A set of 20+ skills by Baoyu that you plug into AI agents like Claude Code and Codex to automate daily work: content generation, diagrams, slide decks, infographics and publishing flows.

  22. 25

    simple-icons

    26Ksimple-icons/simple-icons · JavaScript

    A collection of over 3,400 free SVG icons for popular brands — company and product logos you can drop into any website, app or document. All of them are browsable on one page at simpleicons.org.

  23. 26

    feather

    26Kfeathericons/feather · JavaScript

    Feather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.

  24. 27

    d2

    25.7Kd2lang/d2 · Go

    D2 is an open-source diagram scripting language: you describe a diagram as plain text in a .d2 file, and it renders that text into a real diagram.

  25. 28

    lucide

    25.2Klucide-icons/lucide · TypeScript

    Lucide is an open-source icon library with 1600+ vector (svg) files, made by the community as a fork of Feather Icons, for use in digital and non-digital projects.

  26. 29

    lvgl

    25Klvgl/lvgl · C

    LVGL (Light and Versatile Graphics Library) is a free, open-source C library for building graphical user interfaces on embedded devices — from small microcontrollers to Linux-based MPUs with 3D support.

  27. 30

    heroicons

    23.9Ktailwindlabs/heroicons · JavaScript

    Heroicons is a set of free, hand-crafted MIT-licensed SVG icons for UI development, made by the creators of Tailwind CSS, available as plain SVG files or as first-party React and Vue component libraries.

  28. 31

    svgo

    22.8Ksvg/svgo · JavaScript

    SVGO (SVG Optimizer) is a Node.js library and command-line application that optimizes SVG files — cutting away redundant information so they weigh less while rendering the same.

  29. 32

    tabler-icons

    22.4Ktabler/tabler-icons · JavaScript

    Tabler Icons is a collection of over 6200 free, MIT-licensed SVG icons for web projects, every icon drawn on a 24x24 grid with a 2px stroke.

  30. 33

    rough

    21.3Krough-stuff/rough · HTML

    Rough.js is a small (<9 kB) JavaScript graphics library that makes drawings look sketchy and hand-drawn instead of clean and geometric.

  31. 34

    visx

    21.1Kairbnb/visx · TypeScript

    visx is a collection of reusable low-level visualization components for React: d3 does the calculations and math, while React renders and updates the DOM. You compose charts from components instead of writing d3 selection code.

  32. 35

    iCSS

    20.6Kchokcoco/iCSS · JavaScript

    iCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.

  33. 36

    vue-admin-template

    20.4KPanJiaChen/vue-admin-template · JavaScript

    A minimal admin dashboard template for Vue 2 by PanJiaChen: a ready frontend skeleton with Element UI components, axios, iconfont icons, permission control and lint, meant as a starting point for your own admin panel.

  34. 37

    popmotion

    20.2KPopmotion/popmotion · JavaScript

    Popmotion is a set of simple, low-level animation libraries for JavaScript user interfaces: keyframe and spring animations for numbers, colors and complex strings, built to be composable.

  35. 38

    FlameGraph

    19.8Kbrendangregg/FlameGraph · Perl

    Brendan Gregg's FlameGraph: a set of Perl scripts that turn captured stack traces into interactive SVG flame graphs for visualizing profiled code.

  36. 39

    mojs

    18.8Kmojs/mojs · CoffeeScript

    mo.js is an open source JavaScript motion graphics library for the web — fast, retina ready and modular. Using it on a site enhances the user experience and enriches content visually with precise, delightful animations.

  37. 40

    game-programmer

    18.7Kmiloyip/game-programmer · Python

    It is a curated study path for people who want to become game programmers, compiled by Milo Yip, a game developer with over 20 years of industry experience, into a visual roadmap of recommended books by topic.

  38. 41

    plotly.js

    18.4Kplotly/plotly.js · JavaScript

    Plotly.js is an open-source JavaScript charting library that draws interactive charts in the browser. It also powers the plotly modules for Python and R (Plotly.py, Plotly.R) and sits behind Plotly and Dash.

  39. 42

    ionicons

    18.2Kionic-team/ionicons · TypeScript

    Ionicons is an open-source icon set with 1,300 hand-crafted icons for web, iOS, Android, and desktop apps, built for Ionic Framework but usable anywhere.

  40. 43

    react-native-vector-icons

    17.9Koblador/react-native-vector-icons · TypeScript

    It is a React Native library that provides customizable vector icons, letting you drop icons from popular icon sets like FontAwesome, Ionicons, MaterialDesignIcons and more into your app with full styling support.

  41. 44

    twemoji

    17.8Ktwitter/twemoji · HTML

    Twemoji is Twitter's open-source emoji library: it swaps standard Unicode emoji for Twitter's own set so they look the same on every platform. v14.0 follows the Unicode 14.0 and Emoji 14.0 specs.

  42. 45

    DOMPurify

    17.5Kcure53/DOMPurify · JavaScript

    DOMPurify is an XSS sanitizer for HTML, MathML and SVG: you feed it a string of dirty HTML and it returns clean HTML with everything dangerous stripped out, preventing XSS attacks.

  43. 46

    metrics

    17.3Klowlighter/metrics · JavaScript

    Metrics is an infographics generator for GitHub: it turns your account's stats into a card rendered as SVG, Markdown, PDF or JSON that you can embed anywhere, including your profile README.

  44. 47

    anatomy

    16.8Kwheresryan22/anatomy · JavaScript

    Anatomy is a Claude Code skill that turns a technical idea into a detailed, interactive isometric figure of a real machine (SVG, optional WebGL shaders, and beta 3D) for docs, articles, and landing pages.

  45. 48

    vivus

    15.5Kmaxwellito/vivus · JavaScript

    Vivus is a lightweight, dependency-free JavaScript class that animates SVGs so they look like they are being drawn by hand, stroke by stroke.

  46. 49

    SuperTinyIcons

    15.4Kedent/SuperTinyIcons · Python

    A free collection of minuscule SVG icons for popular websites, apps, and social media logos, each kept under 1KB in file size.

  47. 50

    apexcharts.js

    15.2Kapexcharts/apexcharts.js · JavaScript

    ApexCharts is a JavaScript charting library for building interactive, SVG-based charts, designed for dashboards, SaaS products, and data-heavy UIs.

  48. 51

    charts

    15.1Kfrappe/charts · JavaScript

    Frappe Charts is a lightweight JavaScript charting library that renders simple, responsive charts as SVG, with zero dependencies.

  49. 52

    paper.js

    15.1Kpaperjs/paper.js · JavaScript

    Paper.js is an open-source vector graphics scripting framework for JavaScript, running in the browser on top of the HTML5 Canvas element. It is a JavaScript/browser port of Scriptographer, the original scripting plugin for Adobe Illustrator, built by the same authors.

  50. 53

    ImageGlass

    14.7Kd2phap/ImageGlass · C#

    ImageGlass is a fast, open-source, cross-platform image viewer that supports 90+ formats, including WEBP, GIF, SVG, AVIF, JXL, and HEIC, for smooth browsing on Windows, macOS, and Linux.

  51. 54

    nivo

    14.1Kplouc/nivo · TypeScript

    nivo is a React component library for building data visualizations, built on top of d3 with support for SVG, HTML and Canvas rendering.

  52. 55

    satori

    14.1Kvercel/satori · TypeScript

    Satori is a TypeScript library that converts HTML and CSS into SVG: you describe a visual with JSX-style markup and it renders a matching SVG for you.

  53. 56

    Snap.svg

    14Kadobe-webplatform/Snap.svg · JavaScript

    Snap.svg is a JavaScript library for creating and animating modern SVG graphics in the browser.

  54. 57

    react-content-loader

    14Kdanilowoz/react-content-loader · TypeScript

    'react-content-loader' is an SVG-powered React component for building skeleton/placeholder loading screens, like the animated cards Facebook shows while content loads.

  55. 58

    primitive

    13.5Kfogleman/primitive · Go

    It recreates a target image out of geometric primitives: the algorithm keeps adding one shape at a time, each chosen to minimize the difference from the original, until the result is recognizable yet artistic and abstract.

  56. 59

    chartist

    13.4Kchartist-js/chartist · TypeScript

    Chartist is a simple, responsive charting library for the web, built on inline SVG instead of canvas.

  57. 60

    skill-icons

    13.3Ktandpfun/skill-icons · SVG

    skill-icons is a free hosted service that generates a row of SVG icons for the programming languages, frameworks and tools you use, so you can embed them in your GitHub README or resume.

  58. 61

    mind-map

    12.8Kwanglin2/mind-map · JavaScript

    SimpleMindMap (思绪思维导图) is a mind-map project with two parts: an open-source, framework-independent JavaScript mind-map library plus a web app, and a separate closed-source desktop client with plugins.

  59. 62

    theatre

    12.8Ktheatre-js/theatre · TypeScript

    Theatre.js is an animation library for high-fidelity motion graphics on the web. It is designed for detailed animation — intricate movement and nuance — and can be used both programmatically and visually.

  60. 63

    react-icons

    12.7Kreact-icons/react-icons · TypeScript

    It's an npm library for React projects that packages 31 popular icon packs — Font Awesome, Material Design, Bootstrap Icons, Phosphor and more — as SVG React components you pull in with ES6 imports.

  61. 64

    G2

    12.6Kantvis/G2 · TypeScript

    G2 is a visualization grammar library for building charts, dashboards, data exploration, and storytelling, inspired by Leland Wilkinson's book 'The Grammar of Graphics'.

  62. 65

    d2-admin

    12.6Kd2-projects/d2-admin · JavaScript

    D2Admin is a free, open-source Vue front-end template for building enterprise admin dashboards and back-office systems, built with a modern front-end stack and a very small initial JS bundle.

  63. 66

    highcharts

    12.5Khighcharts/highcharts · TypeScript

    Highcharts is a JavaScript charting library for building interactive charts, maps, and dashboards, rendered mainly with SVG and some canvas/WebGL.

  64. 67

    flag-icons

    12.5Klipis/flag-icons · HTML

    flag-icons is a curated collection of every country's flag as SVG files, packaged with CSS/SASS classes so you can drop a flag into a webpage with a single class name.

  65. 68

    snabbdom

    12.4Ksnabbdom/snabbdom · TypeScript

    Snabbdom is a virtual DOM library focused on simplicity, modularity, powerful features and performance. You describe your UI as vnodes and it efficiently patches the real DOM to match.

  66. 69

    G6

    12.3Kantvis/G6 · TypeScript

    G6 is a graph visualization framework for the web: an engine for drawing, laying out, analyzing and interacting with relational data like networks, with animation, themes and plugins.

  67. 70

    signature_pad

    12.1Kszimek/signature_pad · TypeScript

    A JavaScript library for drawing smooth signatures in the browser, based on HTML5 canvas and variable-width Bézier curve interpolation from Square's Smoother Signatures post.

  68. 71

    vega

    12Kvega/vega · JavaScript

    Vega is a declarative visualization grammar: you describe charts and interactive views in a JSON format, and Vega renders them using HTML5 Canvas or SVG.

  69. 72

    Kami

    12Ktw93/Kami · HTML

    Kami is an agent skill that gives AI coding agents (Claude Code, Codex, Cursor, etc.) templates and layout rules to turn plain requests into polished documents and landing pages — PDFs, PNGs, or editable PowerPoint slides.

  70. 73

    devicon

    11.8Kdevicons/devicon · CSS

    Devicon is an open-source collection of 150+ logos for programming languages and development tools — the JavaScript or Docker logo ready to drop into your project. The set keeps growing.

  71. 74

    svg.js

    11.8Ksvgdotjs/svg.js · JavaScript

    SVG.js is a lightweight JavaScript library for creating, manipulating, and animating SVG graphics in the browser, with no external dependencies.

  72. 75

    rnote

    11.8Kflxzt/rnote · Rust

    Rnote is a free, open-source vector-based drawing app for sketching, taking handwritten notes, and annotating documents and pictures. It is written in Rust and GTK4.

  73. 76

    fireworks-tech-graph

    11.8Kyizhiyanhua-ai/fireworks-tech-graph · Python

    fireworks-tech-graph is an Agent Skill that turns natural-language system descriptions into polished technical diagrams: geometry-checked SVG, high-resolution PNG, SVG-to-GIF motion, and offline interactive HTML, with 12 visual styles and full UML support.

  74. 77

    libvips

    11.7Klibvips/libvips · C

    libvips is a fast image processing library with low memory needs, written in C. Compared to similar libraries it runs quickly and uses little memory, and it is demand-driven and horizontally threaded.

  75. 78

    LogicFlow

    11.7Kdidi/LogicFlow · TypeScript

    LogicFlow is an open-source flow chart editing framework: it provides the interactions and editing features flowcharts need, plus flexible node customization and plugins, so you can add flowchart-style editing to your own business system.

  76. 79

    MaterialDesign

    11.3KTemplarian/MaterialDesign

    This is the source repo for Material Design Icons (MDI), a community-driven icon set with 7000+ icons, including Google's official Material Design icons converted into developer-friendly formats.

  77. 80

    raphael

    11.3KDmitryBaranovskiy/raphael · JavaScript

    Raphaël is a JavaScript vector-graphics library for the browser: you draw shapes, text and animations through its API, and it renders across different browsers.

  78. 81

    victory

    11.2KFormidableLabs/victory · TypeScript

    Victory is a collection of composable React components for building interactive data visualizations like charts and graphs.

  79. 82

    beautiful-mermaid

    11.2Klukilabs/beautiful-mermaid · TypeScript

    beautiful-mermaid is a TypeScript library that renders Mermaid diagrams as polished SVGs or ASCII/Unicode art, built so AI coding assistants and chat UIs can show flowcharts, state machines, and other diagrams inline.

  80. 83

    svgr

    11.1Kgregberge/svgr · TypeScript

    SVGR is a universal tool that turns SVG files into ready-to-use React components: feed it a raw SVG and you get a component you can drop straight into a React project.

  81. 84

    MathJax

    10.9Kmathjax/MathJax · JavaScript

    MathJax is an open-source JavaScript display engine that renders LaTeX, MathML, and AsciiMath notation in all modern browsers, with built-in support for assistive technology like screen readers.

  82. 85

    fluentui-system-icons

    10.9Kmicrosoft/fluentui-system-icons · HTML

    Fluent UI System Icons is Microsoft's open collection of familiar, friendly and modern icons, shipped as ready-made packages for Android, iOS/macOS and Flutter, plus plain SVG files.

  83. 86

    CSS-Inspiration

    10.8Kchokcoco/CSS-Inspiration · CSS

    A curated collection of pure-CSS demos and visual effects, organized by category (layout, shadows, gradients, filters, blend modes, 3D, animation, clip-path, SVG) so you can browse them for inspiration or to learn a specific CSS technique.

  84. 87

    dom-to-image

    10.8Ktsayen/dom-to-image · JavaScript

    dom-to-image is a JavaScript library that turns any DOM node into an image — either a vector SVG or a raster PNG/JPEG — rendered with HTML5 canvas.

  85. 88

    moveable

    10.8Kdaybrush/moveable · TypeScript

    Moveable is a JavaScript/TypeScript library for making DOM and SVG elements draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable, with ready-made components for React, Vue, Vue 3, Angular, Svelte, Lit, and Preact.

  86. 89

    node-canvas

    10.7KAutomattic/node-canvas · JavaScript

    node-canvas is a Cairo-backed implementation of the HTML5 Canvas API for Node.js, letting you draw shapes, images and text on the server and export the result as PNG, JPEG, PDF or SVG.

  87. 90

    zdog

    10.7Kmetafizzy/zdog · JavaScript

    Zdog is a round, flat, designer-friendly pseudo-3D engine for the web: you build 3D models in JavaScript by adding shapes, and it renders them with 2D drawing APIs to canvas or SVG.

  88. 91

    react-native-ui-kitten

    10.7Kakveo/react-native-ui-kitten · TypeScript

    UI Kitten is a React Native UI library built on the Eva Design System: consistently styled general-purpose components for building multi-brand cross-platform mobile apps, with themes that switch at runtime.

  89. 92

    pdf2htmlEX

    10.6Kcoolwanglu/pdf2htmlEX · HTML

    pdf2htmlEX is a PDF-to-HTML converter that keeps text and formatting intact. It renders PDF files as real, selectable HTML using modern Web technologies.

  90. 93

    drawio-skill

    10.2KAgents365-ai/drawio-skill · Python

    An agent skill that turns plain-language descriptions and real system sources — code, Terraform, Kubernetes, SQL, OpenAPI — into editable .drawio architecture diagrams, then keeps them synced, tested and exportable.

  91. 94

    madge

    10.2Kpahen/madge · JavaScript

    Madge is a developer tool that creates a visual graph of your module dependencies and finds circular dependencies in JavaScript and CSS preprocessor code.

  92. 95

    trianglify

    10.1Kqrohlf/trianglify · JavaScript

    Trianglify is a JavaScript library that algorithmically generates colorful triangle-mesh background images as SVG — decorative low-poly-style patterns you can drop into a web page.

  93. 96

    css.gg

    10.1Kastrit/css.gg · JavaScript

    CSS.GG is a comprehensive open-source icon library: 700+ UI icons written in pure CSS, plus matching SVG versions and a Figma collection.

  94. 97

    vectorcraft

    10Kstorytold/vectorcraft · Rust

    VectorCraft is an open-source, clean-room reimplementation of Adobe Illustrator, built from scratch in pure Rust, aiming to replicate Illustrator's tools, panels and workflow.

  95. 98

    react-native-skia

    8.7Kwcandillon/react-native-skia · TypeScript

    React Native Skia brings Google's Skia graphics engine (the renderer used by Chrome and Android) to React Native, letting you write high-performance 2D graphics, shaders, and animations using a React component API.

  96. 99

    architecture-diagram-generator

    7.5KCocoon-AI/architecture-diagram-generator · HTML

    It's a Claude AI skill that turns a plain-English description of your system into a beautiful, dark-themed architecture diagram, rendered as a standalone HTML/SVG file you can open in any browser.

  97. 100

    Infographic

    7Kantvis/Infographic · TypeScript

    AntV Infographic is a declarative framework for generating and rendering infographics, built so AI can turn text descriptions into polished visual infographics rendered as SVG.

Showing the 100 most-starred of 154. See every one in the catalog.

Often tagged together