CINXE.COM

<!DOCTYPE html> <html lang="en-us"><head><script src="https://www.googletagmanager.com/gtm.js?id=GTM-MX6DBN9" async="async"></script><script src="/static/hash-j60jq2j3/js/gtm.js" async="async"></script><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@dart_lang"/><meta name="twitter:description" content="An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files."/><meta name="twitter:image" content="https://pub.dev/static/hash-j60jq2j3/img/pub-dev-icon-cover-image.png"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Dart packages"/><meta property="og:title" content="flutter_svg | Flutter package"/><meta property="og:description" content="An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files."/><meta property="og:image" content="https://pub.dev/static/hash-j60jq2j3/img/pub-dev-icon-cover-image.png"/><meta property="og:url" content="https://pub.dev/packages/flutter_svg"/><title>flutter_svg | Flutter package</title><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Display:wght@400&family=Google+Sans+Text:wght@400;500;700&family=Google+Sans+Mono:wght@400;700&display=swap"/><link rel="shortcut icon" href="/static/hash-j60jq2j3/img/flutter-logo-32x32.png"/><meta rel="apple-touch-icon" href="/static/hash-j60jq2j3/img/flutter-logo-32x32.png"/><meta rel="apple-touch-icon-precomposed" href="/static/hash-j60jq2j3/img/flutter-logo-32x32.png"/><link rel="stylesheet" href="https://www.gstatic.com/glue/v25_0/ccb.min.css"/><link rel="search" type="application/opensearchdescription+xml" title="Dart packages" href="/osd.xml"/><link rel="canonical" href="https://pub.dev/packages/flutter_svg"/><meta name="description" content="An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files."/><link rel="alternate" type="application/atom+xml" title="Updated Packages Feed for Pub" href="/feed.atom"/><link rel="stylesheet" type="text/css" href="/static/hash-j60jq2j3/material/bundle/styles.css"/><link rel="stylesheet" type="text/css" href="/static/hash-j60jq2j3/css/style.css"/><script src="/static/hash-j60jq2j3/material/bundle/script.min.js" defer="defer"></script><script src="/static/hash-j60jq2j3/js/script.dart.js" defer="defer"></script><script src="https://www.gstatic.com/brandstudio/kato/cookie_choice_component/cookie_consent_bar.v3.js" defer="defer" data-autoload-cookie-consent-bar="true"></script><meta name="pub-page-data" content="eyJwa2dEYXRhIjp7InBhY2thZ2UiOiJmbHV0dGVyX3N2ZyIsInZlcnNpb24iOiIyLjAuMTciLCJsaWtlcyI6NTU0NiwicHVibGlzaGVySWQiOiJmbHV0dGVyLmRldiIsImlzRGlzY29udGludWVkIjpmYWxzZSwiaXNMYXRlc3QiOnRydWV9LCJzZXNzaW9uQXdhcmUiOmZhbHNlfQ=="/><link rel="preload" href="/static/hash-j60jq2j3/highlight/highlight-with-init.js" as="script"/></head><body class="light-theme"><script src="/static/hash-j60jq2j3/js/dark-init.js"></script><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MX6DBN9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="site-header"><button class="hamburger" aria-label="menu toggle"></button><a class="logo" href="/" aria-label="Go to the landing page of pub.dev"><img class="site-logo" src="/static/hash-j60jq2j3/img/pub-dev-logo.svg" alt="" width="140" height="30" role="presentation"/></a><div class="site-header-space"></div><div class="site-header-mask"></div><div class="site-header-search"><form action="/packages" method="GET"><input class="site-header-search-input" name="q" placeholder="New search..." autocomplete="on" title="Search"/></form></div><nav class="site-header-nav scroll-container"><div class="nav-login-container"><button id="-account-login" class="nav-main-button link">Sign in</button></div><div class="nav-container nav-help-container hoverable"><button class="nav-main-button">Help</button><div class="nav-hover-popup"><div class="nav-table-columns"><div class="nav-table-column"><h3>pub.dev</h3><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div><div class="nav-table-column"><h3>Flutter</h3><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div><div class="nav-table-column"><h3>Dart</h3><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">pub.dev <img class="foldable-icon" src="/static/hash-j60jq2j3/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Flutter <img class="foldable-icon" src="/static/hash-j60jq2j3/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Dart <img class="foldable-icon" src="/static/hash-j60jq2j3/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></nav><button class="-pub-theme-toggle" aria-label="light/dark theme toggle"></button></div><div id="banner-container"></div><main class="container"><div class="detail-wrapper -active -has-info-box"><div class="detail-banners"><a href="https://flutter.dev/docs/development/packages-and-plugins/favorites" rel="noopener" target="_blank" title="Package is a Flutter Favorite"><img class="ff-banner ff-banner-desktop displayed-in-light-theme" src="/static/hash-j60jq2j3/img/ff-banner-desktop-2x.png" alt="" width="150" height="218" role="presentation"/><img class="ff-banner ff-banner-desktop displayed-in-dark-theme" src="/static/hash-j60jq2j3/img/ff-banner-desktop-dark-2x.png" alt="" width="150" height="218" role="presentation"/><img class="ff-banner ff-banner-mobile displayed-in-light-theme" src="/static/hash-j60jq2j3/img/ff-banner-mobile-2x.png" alt="" width="94" height="116" role="presentation"/><img class="ff-banner ff-banner-mobile displayed-in-dark-theme" src="/static/hash-j60jq2j3/img/ff-banner-mobile-dark-2x.png" alt="" width="94" height="116" role="presentation"/></a></div><div class="detail-header -is-loose"><div class="detail-container"><div class="detail-header-outer-block"><div class="detail-header-content-block"><h1 class="title pub-monochrome-icon-hoverable">flutter_svg 2.0.17 <span class="pkg-page-title-copy"><img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-j60jq2j3/img/content-copy-icon.svg" alt="copy "flutter_svg: ^2.0.17" to clipboard" width="18" height="18" title="Copy "flutter_svg: ^2.0.17" to clipboard" data-copy-content="flutter_svg: ^2.0.17" data-ga-click-event="copy-package-version"/><div class="pkg-page-title-copy-feedback"><span class="code">flutter_svg: ^2.0.17</span> copied to clipboard</div></span></h1><div class="metadata">Published <span><a class="-x-ago" href="" title="Jan 9, 2025" role="button" data-timestamp="1736383830305">3 months ago</a></span> • <a class="-pub-publisher" href="/publishers/flutter.dev"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-j60jq2j3/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>flutter.dev</a><span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span></div><div class="detail-tags-and-like"><div class="detail-tags"><div class="-pub-tag-badge"><span class="tag-badge-main">SDK</span><a class="tag-badge-sub" href="/packages?q=sdk%3Aflutter" rel="nofollow" title="Packages compatible with Flutter SDK">Flutter</a></div><div class="-pub-tag-badge"><span class="tag-badge-main">Platform</span><a class="tag-badge-sub" href="/packages?q=platform%3Aandroid" rel="nofollow" title="Packages compatible with Android platform">Android</a><a class="tag-badge-sub" href="/packages?q=platform%3Aios" rel="nofollow" title="Packages compatible with iOS platform">iOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Alinux" rel="nofollow" title="Packages compatible with Linux platform">Linux</a><a class="tag-badge-sub" href="/packages?q=platform%3Amacos" rel="nofollow" title="Packages compatible with macOS platform">macOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Aweb" rel="nofollow" title="Packages compatible with Web platform">web</a><a class="tag-badge-sub" href="/packages?q=platform%3Awindows" rel="nofollow" title="Packages compatible with Windows platform">Windows</a></div></div><div class="detail-like"><button id="-pub-like-icon-button" class="mdc-icon-button" data-ga-click-event="toggle-like" aria-pressed="false" title="Like this package"><img class="mdc-icon-button__icon" src="/static/hash-j60jq2j3/img/like-inactive.svg" alt="liked status: inactive" width="18" height="18"/><img class="mdc-icon-button__icon mdc-icon-button__icon--on" src="/static/hash-j60jq2j3/img/like-active.svg" alt="liked status: active" width="18" height="18"/></button><span class="likes-count"><span id="likes-count">5.5k</span></span></div></div></div></div></div></div><div class="detail-container"><div class="detail-lead"><div class="detail-metadata-toggle"><div class="detail-metadata-toggle-icon">→</div><h3 class="detail-lead-title">Metadata</h3></div><p class="detail-lead-text">An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files.</p><p class="detail-lead-more"><a class="detail-metadata-toggle">More...</a></p></div></div><div class="detail-body"><div class="detail-tabs"><div class="detail-tabs-wide-header"><div class="detail-container"><ul class="detail-tabs-header"><li class="detail-tab tab-button detail-tab-readme-title -active">Readme</li><li class="detail-tab tab-link detail-tab-changelog-title"><a href="/packages/flutter_svg/changelog" role="button">Changelog</a></li><li class="detail-tab tab-link detail-tab-example-title"><a href="/packages/flutter_svg/example" role="button">Example</a></li><li class="detail-tab tab-link detail-tab-installing-title"><a href="/packages/flutter_svg/install" role="button">Installing</a></li><li class="detail-tab tab-link detail-tab-versions-title"><a href="/packages/flutter_svg/versions" role="button">Versions</a></li><li class="detail-tab tab-link detail-tab-analysis-title"><a href="/packages/flutter_svg/score" role="button">Scores</a></li></ul></div></div><div class="detail-container detail-body-main"><div class="detail-tabs-content"><section class="tab-content detail-tab-readme-content -active markdown-body"><h1 id="flutter_svg" class="hash-header">flutter_svg <a href="#flutter_svg" class="hash-link">#</a></h1> <p><a href="https://pub.dartlang.org/packages/flutter_svg" rel="ugc"><img src="https://img.shields.io/pub/v/flutter_svg.svg" alt="Pub"></a></p>  <img src="https://raw.githubusercontent.com/dnfield/flutter_svg/7d374d7107561cbd906d7c0ca26fef02cc01e7c8/example/assets/flutter_logo.svg?sanitize=true" width="200px" alt="Flutter Logo which can be rendered by this package!">  <p>Draw SVG files using Flutter.</p> <h2 id="getting-started" class="hash-header">Getting Started <a href="#getting-started" class="hash-link">#</a></h2> <p>Basic usage (to create an SVG rendering widget from an asset):</p>  <pre><code class="language-dart">const String assetName = 'assets/dart.svg'; final Widget svg = SvgPicture.asset( assetName, semanticsLabel: 'Dart Logo', ); </code></pre> <p>You can color/tint the image like so:</p>  <pre><code class="language-dart">const String assetName = 'assets/simple/dash_path.svg'; final Widget svgIcon = SvgPicture.asset( assetName, colorFilter: const ColorFilter.mode(Colors.red, BlendMode.srcIn), semanticsLabel: 'Red dash paths', ); </code></pre> <p>The default placeholder is an empty box (<code>LimitedBox</code>) - although if a <code>height</code> or <code>width</code> is specified on the <code>SvgPicture</code>, a <code>SizedBox</code> will be used instead (which ensures better layout experience). There is currently no way to show an Error visually, however errors will get properly logged to the console in debug mode.</p> <p>You can also specify a placeholder widget. The placeholder will display during parsing/loading (normally only relevant for network access).</p>  <pre><code class="language-dart">// Will print error messages to the console. const String assetName = 'assets/image_that_does_not_exist.svg'; final Widget svg = SvgPicture.asset( assetName, ); </code></pre>  <pre><code class="language-dart">final Widget networkSvg = SvgPicture.network( 'https://site-that-takes-a-while.com/image.svg', semanticsLabel: 'A shark?!', placeholderBuilder: (BuildContext context) => Container( padding: const EdgeInsets.all(30.0), child: const CircularProgressIndicator()), ); </code></pre> <p>If you'd like to render the SVG to some other canvas, you can do something like:</p>  <pre><code class="language-dart">import 'dart:ui' as ui; // ··· const String rawSvg = '''<svg ...>...</svg>'''; final PictureInfo pictureInfo = await vg.loadPicture(const SvgStringLoader(rawSvg), null); // You can draw the picture to a canvas: canvas.drawPicture(pictureInfo.picture); // Or convert the picture to an image: final ui.Image image = await pictureInfo.picture.toImage(width, height); pictureInfo.picture.dispose(); </code></pre> <p>The <code>SvgPicture</code> helps to automate this logic, and it provides some convenience wrappers for getting assets from multiple sources. Unlike the <code>vector_graphics</code> package, this package <em>does not render the data to an <code>Image</code> at any point</em>. This carries a performance penalty for some common use cases, but also allows for more flexibility around scaling.</p> <h2 id="precompiling-and-optimizing-svgs" class="hash-header">Precompiling and Optimizing SVGs <a href="#precompiling-and-optimizing-svgs" class="hash-link">#</a></h2> <p>The vector_graphics backend supports SVG compilation which produces a binary format that is faster to parse and can optimize SVGs to reduce the amount of clipping, masking, and overdraw. The SVG compilation is provided by <a href="https://pub.dev/packages/vector_graphics_compiler"><code>package:vector_graphics_compiler</code></a>.</p> <pre><code class="language-sh">dart run vector_graphics_compiler -i assets/foo.svg -o assets/foo.svg.vec </code></pre> <p>The output <code>foo.svg.vec</code> can be loaded using the default constructor of <code>SvgPicture</code>.</p>  <pre><code class="language-dart">import 'package:vector_graphics/vector_graphics.dart'; // ··· const Widget svg = SvgPicture(AssetBytesLoader('assets/foo.svg.vec')); </code></pre> <h3 id="check-svg-compatibility" class="hash-header">Check SVG compatibility <a href="#check-svg-compatibility" class="hash-link">#</a></h3> <p>An SVG can be tested for compatibility with the vector graphics backend by running the compiler locally to see if any errors are thrown.</p> <pre><code class="language-sh">dart run vector_graphics_compiler -i $SVG_FILE -o $TEMPORARY_OUTPUT_TO_BE_DELETED --no-optimize-masks --no-optimize-clips --no-optimize-overdraw --no-tessellate </code></pre> <h2 id="recommended-adobe-illustrator-svg-configuration" class="hash-header">Recommended Adobe Illustrator SVG Configuration <a href="#recommended-adobe-illustrator-svg-configuration" class="hash-link">#</a></h2> <ul> <li>In Styling: choose Presentation Attributes instead of Inline CSS because CSS is not fully supported.</li> <li>In Images: choose Embded not Linked to other file to get a single svg with no dependency to other files.</li> <li>In Objects IDs: choose layer names to add every layer name to svg tags or you can use minimal,it is optional. <img src="https://user-images.githubusercontent.com/2842459/62599914-91de9c00-b8fe-11e9-8fb7-4af57d5100f7.png" alt="Export configuration"></li> </ul> <h2 id="svg-sample-attribution" class="hash-header">SVG sample attribution <a href="#svg-sample-attribution" class="hash-link">#</a></h2> <p>SVGs in <code>/assets/w3samples</code> pulled from <a href="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/" rel="ugc">W3 sample files</a></p> <p>SVGs in <code>/assets/deborah_ufw</code> provided by @deborah-ufw</p> <p>SVGs in <code>/assets/simple</code> are pulled from trivial examples or generated to test basic functionality - some of them come directly from the SVG 1.1 spec. Some have also come or been adapted from issues raised in this repository.</p> <p>SVGs in <code>/assets/wikimedia</code> are pulled from <a href="https://commons.wikimedia.org/wiki/Main_Page" rel="ugc">Wikimedia Commons</a></p> <p>Android Drawables in <code>/assets/android_vd</code> are pulled from Android Documentation and examples.</p> <p>The Flutter Logo created based on the Flutter Logo Widget © Google.</p> <p>The Dart logo is from <a href="https://github.com/dart-lang/site-shared/blob/master/src/_assets/images/dart/logo%2Btext/horizontal/original.svg" rel="ugc">dartlang.org</a> © Google</p> <p>SVGs in <code>/assets/noto-emoji</code> are from <a href="https://github.com/googlei18n/noto-emoji" rel="ugc">Google i18n noto-emoji</a>, licensed under the Apache license.</p> <p>Please submit SVGs that can't render properly (e.g. that don't render here the way they do in chrome), as long as they're not using anything "probably out of scope" (above).</p> <h2 id="commemoration" class="hash-header">Commemoration <a href="#commemoration" class="hash-link">#</a></h2> <p>This package was originally authored by <a href="https://github.com/dnfield" rel="ugc">Dan Field</a> and has been forked here from <a href="https://github.com/dnfield/flutter_svg" rel="ugc">dnfield/flutter_svg</a>. Dan was a member of the Flutter team at Google from 2018 until his death in 2024. Dan’s impact and contributions to Flutter were immeasurable, and we honor his memory by continuing to publish and maintain this package.</p> </section></div></div></div><aside class="detail-info-box"><a class="packages-scores" href="/packages/flutter_svg/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">5.55k</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">150</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">points</div></div><div class="packages-score packages-score-downloads" title="Number of downloads of this package during the past 30 days"><div class="packages-score-value -has-value"><span class="packages-score-value-number">2.68M</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">downloads</div></div></a><h3 class="title">Publisher</h3><p><a href="/publishers/flutter.dev"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-j60jq2j3/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>flutter.dev</a></p><h3 class="title">Weekly Downloads</h3><div id="-weekly-downloads-sparkline" class="weekly-downloads-sparkline" data-widget="weekly-sparkline" data-weekly-sparkline-points="gBXzZ4H2CADEgAkAd4cJAMeJCQDH6AgART4JAKcECQCiGwkAmdYIAAmmCABm7wgA2fwHALCaBwChUAQA1LYDANl9BgBSQwcAACAHAAcWBwB8GgcAEQsGAK9RBgB0bwQAIFcDAAhTAwCePgMAD0oDAL2YAwCBWQMA3V0DAAysAwA0oQMAleUDAD1tAwAwsAMAEZcDAMHAAwDSywMAtMgDADmcAwC5ugMAWcYDANXEAwBKuQMAV8gDAMDyAwAoEAQAvd8DAC+FAwBoLwQA2e8EAKOaBAA="></div><h3 class="title pkg-infobox-metadata">Metadata</h3><p>An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files.</p><p><a class="link" href="https://github.com/flutter/packages/tree/main/third_party/packages/flutter_svg" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+flutter_svg%22" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/flutter/packages/blob/main/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Topics</h3><p><a class="topics-tag" href="/packages?q=topic%3Asvg" rel="nofollow">#svg</a> <a class="topics-tag" href="/packages?q=topic%3Avector-graphics" rel="nofollow">#vector-graphics</a></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/flutter_svg/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-j60jq2j3/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>MIT (<a href="/packages/flutter_svg/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="https://api.flutter.dev/">flutter</a>, <a href="/packages/http" title="^1.0.0">http</a>, <a href="/packages/vector_graphics" title="^1.1.13">vector_graphics</a>, <a href="/packages/vector_graphics_codec" title="^1.1.11+1">vector_graphics_codec</a>, <a href="/packages/vector_graphics_compiler" title="^1.1.14">vector_graphics_compiler</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Aflutter_svg" rel="nofollow">Packages that depend on flutter_svg</a></p></aside></div><script type="application/ld+json">{"@context":"http\u003a\u002f\u002fschema.org","@type":"SoftwareSourceCode","name":"flutter\u005fsvg","version":"2.0.17","description":"flutter\u005fsvg - An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files.","url":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fflutter\u005fsvg","dateCreated":"2018-05-01T18\u003a33\u003a50.612521Z","dateModified":"2025-01-09T00\u003a50\u003a30.305334Z","programmingLanguage":"Dart","image":"https\u003a\u002f\u002fpub.dev\u002fstatic\u002fimg\u002fpub-dev-icon-cover-image.png","license":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fflutter\u005fsvg\u002flicense"}</script></div><div class="detail-metadata"><h3 class="detail-metadata-title"><span class="detail-metadata-toggle">←</span> Metadata</h3><div class="detail-info-box"><a class="packages-scores" href="/packages/flutter_svg/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">5.55k</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">150</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">points</div></div><div class="packages-score packages-score-downloads" title="Number of downloads of this package during the past 30 days"><div class="packages-score-value -has-value"><span class="packages-score-value-number">2.68M</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">downloads</div></div></a><h3 class="title">Publisher</h3><p><a href="/publishers/flutter.dev"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-j60jq2j3/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>flutter.dev</a></p><h3 class="title">Weekly Downloads</h3><div id="-weekly-downloads-sparkline" class="weekly-downloads-sparkline" data-widget="weekly-sparkline" data-weekly-sparkline-points="gBXzZ4H2CADEgAkAd4cJAMeJCQDH6AgART4JAKcECQCiGwkAmdYIAAmmCABm7wgA2fwHALCaBwChUAQA1LYDANl9BgBSQwcAACAHAAcWBwB8GgcAEQsGAK9RBgB0bwQAIFcDAAhTAwCePgMAD0oDAL2YAwCBWQMA3V0DAAysAwA0oQMAleUDAD1tAwAwsAMAEZcDAMHAAwDSywMAtMgDADmcAwC5ugMAWcYDANXEAwBKuQMAV8gDAMDyAwAoEAQAvd8DAC+FAwBoLwQA2e8EAKOaBAA="></div><h3 class="title pkg-infobox-metadata">Metadata</h3><p>An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files.</p><p><a class="link" href="https://github.com/flutter/packages/tree/main/third_party/packages/flutter_svg" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+flutter_svg%22" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/flutter/packages/blob/main/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Topics</h3><p><a class="topics-tag" href="/packages?q=topic%3Asvg" rel="nofollow">#svg</a> <a class="topics-tag" href="/packages?q=topic%3Avector-graphics" rel="nofollow">#vector-graphics</a></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/flutter_svg/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-j60jq2j3/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>MIT (<a href="/packages/flutter_svg/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="https://api.flutter.dev/">flutter</a>, <a href="/packages/http" title="^1.0.0">http</a>, <a href="/packages/vector_graphics" title="^1.1.13">vector_graphics</a>, <a href="/packages/vector_graphics_codec" title="^1.1.11+1">vector_graphics_codec</a>, <a href="/packages/vector_graphics_compiler" title="^1.1.14">vector_graphics_compiler</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Aflutter_svg" rel="nofollow">Packages that depend on flutter_svg</a></p></div><p class="detail-lead-back"><a class="detail-metadata-toggle">Back</a></p></div><div id="-screenshot-carousel" class="carousel"><fab id="-carousel-prev" class="mdc-fab carousel-prev carousel-nav" data-mdc-auto-init="MDCRipple" title="Previous" data-ga-click-event="screenshot-carousel-prev-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-j60jq2j3/img/keyboard_arrow_left.svg" alt="previous" width="24" height="24" aria-hidden="true"/></fab><div id="-image-container" class="image-container"></div><fab id="-carousel-next" class="mdc-fab carousel-next carousel-nav" data-mdc-auto-init="MDCRipple" title="Next" data-ga-click-event="screenshot-carousel-next-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-j60jq2j3/img/keyboard_arrow_right.svg" alt="next" width="24" height="24" aria-hidden="true"/></fab><p id="-screenshot-description" class="screenshot-description"></p></div></main><footer class="site-footer"><a class="link" href="https://dart.dev/">Dart language</a><a class="link sep" href="/report?subject=package%3Aflutter_svg&url=https%3A%2F%2Fpub.dev%2Fpackages%2Fflutter_svg">Report package</a><a class="link sep" href="/policy">Policy</a><a class="link sep" href="https://www.google.com/intl/en/policies/terms/">Terms</a><a class="link sep" href="https://developers.google.com/terms/">API Terms</a><a class="link sep" href="/security">Security</a><a class="link sep" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a><a class="link sep" href="/help">Help</a><a class="link icon sep" href="/feed.atom"><img class="inline-icon" src="/static/hash-j60jq2j3/img/rss-feed-icon.svg" alt="RSS" width="20" height="20" title="RSS/atom feed"/></a><a class="link icon github_issue" href="https://github.com/dart-lang/pub-dev/issues/new"><img class="inline-icon" src="/static/hash-j60jq2j3/img/bug-report-white-96px.png" alt="bug report" width="20" height="20" title="Report an issue with this site"/></a></footer><script src="/static/hash-j60jq2j3/highlight/highlight-with-init.js" defer="defer"></script></body></html>