SharpVG 0.0.13

.NET Standard 2.1
Install-Package SharpVG -Version 0.0.13
dotnet add package SharpVG --version 0.0.13
<PackageReference Include="SharpVG" Version="0.0.13" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add SharpVG --version 0.0.13
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: SharpVG, 0.0.13"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install SharpVG as a Cake Addin
#addin nuget:?package=SharpVG&version=0.0.13

// Install SharpVG as a Cake Tool
#tool nuget:?package=SharpVG&version=0.0.13
The NuGet Team does not provide support for this client. Please contact its maintainers for support.


A .NET Standard library for F# to generate vector graphics in SVG format.

Pull requests and suggestions are greatly appreciated.

Source code on GitHub

Travis CI Build Status Join the chat at Badge

Build history

Why SharpVG?

  • Allows you to emit SVG using simple F# commands so that you can create graphics and animations that are easy to distribute
  • Ability to render dynamically using Fable to create interactive web pages
  • All basic SVG elements are supported: line, circle, ellipse, rect, text, polygon, polyline, path, image, and groups
  • No understanding of SVG is required and its as easy as using seq, list, or array
  • No external dependencies other than SharpVG are required
  • .NET Standard cross platform support on Windows, Linux, and OSX
  • Limited support for SVG animations
  • Reusable styles

Try SharpVG

Run the interactive notebook: Binder


let position = Point.ofInts (10, 10)
let area = Area.ofInts (50, 50)
let style = Style.create (Color.ofName Colors.Cyan) (Color.ofName Colors.Blue) (Length.ofInt 3) 1.0 1.0

Rect.create position area
  |> Element.createWithStyle style
  |> printf "%O"
<rect stroke="blue" stroke-width="3" fill="cyan" opacity="1" x="10" y="10" height="50" width="50"/>
let center = Point.ofInts (60, 60)
let radius = Length.ofInt 50
let style = Style.create (Color.ofName Colors.Violet) (Color.ofName Colors.Indigo) (Length.ofInt 3) 1.0 1.0

Circle.create center radius
  |> Element.createWithStyle style
  |> Svg.ofElement
  |> Svg.toHtml "Example"
  |> printf "%s"
<!DOCTYPE html>
<svg><circle stroke="indigo" stroke-width="3" fill="violet" opacity="1" r="50" cx="60" cy="60"/></svg>

Building SharpVG

Clone the repository:

git clone
cd SharpVG

Start the build:

dotnet build

Run the tests:

dotnet test Tests

Run the examples:

dotnet run -p Examples/Triangle/Triangle.fsproj
dotnet run -p Examples/Life/Life.fsproj

Explore interactively:

fsharpi -r:SharpVG/bin/Debug/netcoreapp2.0/SharpVG.dll
open SharpVG;;
Circle.create Point.origin (Length.ofInt 10) |> printf "%O";;
Circle.create Point.origin (Length.ofInt 10) |> Element.create |> Svg.ofElement |> Svg.toHtml "Example";;


Read the documentation here.


Please submit bugs and feature requests here.

Library License

The library is available under the MIT license. For more information see the license file.


Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows
.NET Core netcoreapp3.0 netcoreapp3.1
.NET Standard netstandard2.1
MonoAndroid monoandroid
MonoMac monomac
MonoTouch monotouch
Tizen tizen60
Xamarin.iOS xamarinios
Xamarin.Mac xamarinmac
Xamarin.TVOS xamarintvos
Xamarin.WatchOS xamarinwatchos
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.13 485 7/11/2020
0.0.12 285 4/19/2020
0.0.11 268 4/18/2020
0.0.10 257 4/17/2020
0.0.9 367 2/9/2020
0.0.8 301 2/8/2020
0.0.7 297 2/3/2020
0.0.6 337 12/23/2019
0.0.5 319 12/18/2019
0.0.4 330 11/10/2019
0.0.3 662 12/24/2018
0.0.2 649 12/23/2018
0.0.1 658 12/23/2018