A simple single pass SVG parser written in Swift.
SwiftSVG is part of a larger library I created called Breakfast. I created a separate project because I would like to support as much as the SVG specification as possible. As such, I wanted a place to track issues related specifically to that goal and any changes here will eventually be integrated into Breakfast.
I also wanted to make it possible to use SwiftSVG without installing the full Breakfast Framework, so feel free to use only SwiftSVG in your next project. It was meant to be as lightweight and modular as possible.
- Multiple interface options (String, UIBezierPath, CAShapeLayer, UIView, and IBDesignable Interface Builder subclass)
- Strives to be performant. Takes only one pass through path string.
- Low memory usage
SwiftSVG is meant to be dropped in to any project. Pick and choose the files you need, but you can install all the extensions via Carthage:
github "mchoe/SwiftSVG" ~> 1.0
Cocoapods:
pod 'SwiftSVG'
SwiftSVG provides multiple interfaces to parse single path strings and SVG files using NSXMLParser.
####String+SVG####
The simplest way is to parse raw path data using parseSVGPath()
let examplePathData: String = "M150 0 L75 200 L225 200 Z"
let parsedPath: UIBezierPath = parseSVGPath(examplePathData)You can optionally provide a UIBezierPath for the second argument if you want to fill in an existing path instead of having one returned, say if you want to append to an existing path:
let pathToAppendTo = UIBezierPath()
let parsedPath: UIBezierPath = parseSVGPath(examplePathData, forPath: pathToAppendTo)Or, you can use the String extension pathFromSVGString():
let parsedPath: UIBezierPath = examplePathData.pathFromSVGString()#####Output:#####
####UIBezierPath+SVG####
SwiftSVG also provides a convenience initializer for UIBezierPath that allows you to either create a UIBezierPath from a path string or from an SVG file:
let shapeLayer = CAShapeLayer()
// UIBezierPath Convenience Initializer
let fistBump = "M63,27c0.4,0.4,0.7,0.8,1.1,1.2c0.4,0.4,0.4,0.9,0.4,1.5c0,1.9-1,3.1-2.3,4.3c-0.2,0.2-0.4,0.3-0.6,0.5c0,0,0,0,0,0.1 c0.3,0.3,0.7,0.6,0.9,1c0.3,0.9,0.3,1.8,0,2.7c-0.4,1.3-1.4,1.6-2.5,1.9c-2.4,0.8-4.7,1.7-6.9,3c-1.4,0.8-2.5,2.1-3.7,3.1 c-1.5,1.3-3,2.7-4.7,3.7c-1.3,0.8-2.9,1-4.4,1.5c-1.7,0.5-3.4,0.6-5.1,0.2c-0.7-0.2-1.4,0-1.9,0.7c-0.6,0.8-1.4,1.5-2.1,2.3 c0.9,1.2,1,2.7,1.1,4.1c0.2,1.5,0.2,3.1,0.1,4.6c0,0.7-0.2,1.4-0.4,2c-0.2,0.6-0.7,0.9-1.3,1.2c-2.3,1.1-4.5,2.2-6.8,3.3 c-2,0.9-4.1,1.7-6.1,2.4c-0.7,0.3-0.8,0-0.9-0.8c3.3-1.9,6.5-3.7,9.7-5.6c0.1-0.1,0.2-0.1,0.3-0.2c0.2-0.2,0.6-0.4,0.3-0.7 c-0.1-0.1-0.5,0-0.7,0.1c-2.1,1.1-4.3,2.3-6.4,3.4c-0.2,0.1-0.5,0.2-0.7,0.2c-0.2,0-0.4-0.1-0.6-0.2c0.1-0.2,0.1-0.5,0.3-0.6 c1-0.7,2.1-1.3,3.2-2c1.1-0.7,2.3-1.3,3.4-2c0.2-0.1,0.4-0.3,0.5-0.5c0.1-0.1,0.1-0.4,0-0.6c-0.1-0.1-0.4-0.1-0.5,0 c-0.7,0.5-1.4,1-2.1,1.5c-1.5,1-3,2.1-4.9,2.4c-0.2,0-0.4,0-0.6,0c0-0.1-0.1-0.1-0.1-0.2c0.3-0.3,0.6-0.8,1-1 c1.4-0.8,2.8-1.6,4.2-2.4c0.8-0.4,1.5-0.9,2.2-1.4c0.3-0.2,0.4-0.5,0.1-0.7c-0.1-0.1-0.5-0.1-0.6,0c-1.5,1.2-3.3,2.1-5.1,2.9 c-0.3,0.1-0.7,0.3-1,0.3c-0.3,0-0.6-0.1-0.9-0.2c0-0.1,0-0.2,0-0.3c0.4-0.2,0.8-0.5,1.2-0.7c1.8-1,3.6-2.1,5.3-3.1 c0.7-0.4,0.7-0.5,0.3-1.4c-0.2,0.2-0.5,0.3-0.7,0.5c-2,1.5-4.1,2.6-6.5,3.5c-0.5,0.2-0.7-0.1-0.9-0.4c-0.2-0.5,0.2-0.5,0.5-0.6 c1.9-0.6,3.4-1.7,5-2.8c0.7-0.5,1.4-0.8,2-1.3c0.1-0.1,0.1-0.3,0.2-0.4c-0.1,0-0.3-0.2-0.4-0.1c-0.4,0.2-0.8,0.4-1.1,0.5 c-1.9,1-3.7,1.9-5.6,2.9c-0.3,0.2-0.7,0.2-1.1,0.2c0,0,0-0.1-0.1-0.1c0.1-0.1,0.1-0.2,0.2-0.2c1.8-1.1,3.5-2.3,5.3-3.3 c0.6-0.4,1.3-0.6,2-0.9c0.4-0.2,0.5-0.4,0.3-0.8c-0.2-0.5-0.5-0.2-0.7,0c-2.2,1.1-4.5,2.3-6.7,3.4c-0.2,0.1-0.6,0.1-0.8,0.1 c0-0.1,0-0.1-0.1-0.2c0.1-0.1,0.2-0.2,0.3-0.3c1.7-1,3.4-2,5.2-3.1c0.6-0.3,1.2-0.7,1.8-1c0.7-0.3,0.7-0.6,0.3-1.3 c-0.9,0.4-1.7,0.8-2.6,1.2c-1.6,0.7-3.2,1.4-4.8,2.1c-0.2,0.1-0.4,0-0.7,0.1c0-0.1,0-0.1-0.1-0.2c0.3-0.2,0.6-0.4,0.9-0.6 c2.2-1.2,4.4-2.4,6.5-3.7c0.2-0.1,0.3-0.5,0.4-0.7c-0.1-0.1-0.1-0.1-0.2-0.2c-0.6,0.3-1.1,0.6-1.7,0.9c-1.3,0.7-2.6,1.4-4,2.1 c-0.5,0.2-1,0.3-1.6,0.5c0-0.1-0.1-0.1-0.1-0.2c0.6-0.4,1.2-1,1.9-1.3c1.6-0.9,3.2-1.7,4.8-2.5c0.6-0.3,0.6-0.4,0.3-1 c-2.4,1.1-4.8,2.2-7.2,3.2c-0.1-0.1-0.1-0.2-0.2-0.3c0.5-0.3,1.1-0.7,1.6-1c1.7-1,3.4-2,5-2.9c0.4-0.2,0.5-0.5,0.2-1 c-2.1,1-4.2,2.2-6.5,2.7c0-0.1-0.1-0.1-0.1-0.2c0.1-0.1,0.2-0.2,0.3-0.3c1.9-1.1,3.7-2.2,5.6-3.3c0.2-0.1,0.2-0.5,0.4-0.7 c-0.2,0-0.5,0-0.7,0c-2.1,0.9-4.1,1.9-6.2,2.8c0,0-0.1,0-0.4-0.1c0.4-0.3,0.7-0.5,0.9-0.7c1.8-1.1,3.6-2.2,5.4-3.3 c0.3-0.2,0.7-0.4,0.4-1c-2.1,1.3-4.1,2.8-6.6,3.2c0-0.1-0.1-0.1-0.1-0.2c0.3-0.2,0.6-0.5,1-0.7c1.7-1,3.4-2,5-3.1 c0.1-0.1,0.3-0.1,0.4-0.3c0.1-0.2,0.1-0.4,0.2-0.6c-0.2,0-0.4-0.1-0.5,0c-0.8,0.4-1.6,1-2.4,1.4c-1,0.5-2,0.9-3,1.3 c-0.2,0.1-0.5,0-0.7,0.1c0-0.1,0-0.1-0.1-0.2c2.2-1.3,4.4-2.7,6.6-4c0-0.1-0.1-0.1-0.1-0.2c-2.1,1.2-4.1,2.6-6.6,2.3 c2.4-1,4.6-2.3,6.7-3.8c0,0,0-0.2,0-0.3c-0.7,0.4-1.3,0.9-2,1.1c-1.3,0.6-2.7,1.1-4.1,1.5c-0.3,0.1-0.8,0-0.9-0.1 c-0.1-0.4,0.1-0.7,0.5-0.9c0.7-0.3,1.4-0.6,2.1-1c1.3-0.9,2.5-1.8,3.8-2.7c0.6-0.4,1.2-0.8,1.7-1.3c0.3-0.2,0.6-0.5,0.9-0.8 c0.4-0.4,0.8-0.4,1.2,0c0.4,0.4,0.9,0.8,1.3,1.3c1.8-0.7,3.1-2,3.8-3.8c0.5-1.3,1-2.6,1.6-3.9c1.3-2.8,2.7-5.6,4.8-7.9 c1.5-1.6,2.6-3.5,3.8-5.3c1-1.5,2.3-2.7,4.2-3.2c2.4-0.6,4.7-1.3,7-2.2c1.8-0.6,3.3-0.5,4.8,0.6c0.4,0.3,0.8,0.3,1.2,0.1 C57,9.9,57.5,9.8,58,9.8c2.1-0.3,4-0.1,5.7,1.2c0.8,0.6,1.2,1.4,1.1,2.4c-0.1,0.9,0,1.8-0.2,2.6c-0.3,1-0.5,2-1.4,2.8 c-0.6,0.5-0.5,0.8,0.2,1.2c2.2,0.9,2.3,2.8,2.1,4.6c-0.1,0.5-0.6,0.9-1,1.3C64,26.1,63.5,26.5,63,27z M58.7,13.8 c-1.5-1.1-2.9-2.2-4.2-3.2c-0.6-0.5-1.3-0.6-2-0.4c-1.2,0.3-2.4,0.7-3.5,1.1c-1.6,0.6-3.1,1.4-4.8,1.7c-0.6,0.1-1.3,0.3-1.9,0.6 c-1.2,0.7-2,1.8-2.7,3.1c-0.7,1.2-1.4,2.5-2.3,3.4c-1.8,1.8-3.2,3.9-4.3,6.2c-1,1.9-1.7,4-2.6,5.9c-0.7,1.4-1.5,2.8-2.9,3.8 c-0.8,0.5-1.5,1.1-2.3,1.6c-0.7,0.4-1.3,1.1-2.2,0.8c-0.1,0-0.2,0.2-0.3,0.3c-0.3,1.8-0.2,3.5,0.1,5.2c0.2,1.5,0.6,3,1,4.5 c0.7,2.7,1.4,5.4,2.1,8.1c0.1,0.4,0.3,0.8,0.5,1.4c0.8-0.9,1.6-1.7,2.3-2.4c1.1-1.3,2.4-2.5,3.3-3.9c0.5-0.8,1.1-1.3,1.9-1.9 c0.3,0.5,0.6,0.4,1,0.2c0.9-0.5,1.7-1,2.6-1.5c0.2-0.1,0.5-0.2,0.7-0.2c0,0.1,0.1,0.2,0.1,0.2c-0.4,0.5-0.7,1-1.1,1.5 c0.1,0,0.1,0.1,0.2,0.1c1-0.8,1.9-1.7,3-2.6c-0.2,0.7-0.3,1.3-0.4,1.9c1-0.4,1.3-1.7,2.6-2c-0.2,0.6-0.3,1.1-0.5,1.6 c1.1-0.6,1.4-1.9,2.7-2.3c-0.1,0.5-0.2,0.8-0.3,1c0.1,0,0.1,0.1,0.2,0.1c0.5-0.6,1.1-1.2,1.7-1.8c0.3,0.4,0.5,0.3,0.8,0 c0.3-0.3,0.7-0.6,1-0.9c0.7-0.8,1.8-1.2,2.2-2.3c0.1-0.3,0.3-1.3,1.2-0.3c0.4-0.7,0.8-1.3,1.2-1.9c-1.4-0.6-2.7-1.2-4-1.7 c-0.3,0.7-0.4,1.5-1.2,2c0.1-1.6,0.6-3.1-0.4-4.5c-1.1,1.5-1.5,3.3-2.7,4.5c-0.1,0-0.1-0.1-0.2-0.1c0.3-1.4,0.6-2.8,0.9-4.2 c-0.1,0-0.1,0-0.2-0.1c-0.1,0.1-0.3,0.2-0.4,0.4c-0.6,0.7-1.1,1.4-1.7,2c-0.5,0.6-1.1,1-1.5,1.6c-0.6,0.7-1.3,1.1-2.2,1.3 c-0.9,0.3-2,0.3-2.9,0.4c-0.1,0-0.2-0.1-0.4-0.2c0-0.1,0-0.1-0.1-0.2c1.4-0.5,2.9-0.6,3.9-1.8c0.9-1.2,1.9-2.2,2.8-3.4 c0.9-1.2,1.8-2.3,1.7-3.9c-0.7,0.5-1.3,1.1-2.1,1.5c-0.6,0.3-1.3,0.2-2,0.3c-0.1,0-0.3-0.2-0.5-0.4c0.3-0.1,0.5-0.1,0.6-0.2 c0.7-0.3,1.4-0.5,2-0.9c1.5-1,2-2.5,2.5-4.2c0.1-0.6,0.4-1.1,0.4-1.7c0-0.9-0.2-1.7-0.3-2.6c-0.2-0.9-0.7-1.5-1.5-2 c-0.3-0.2-0.6-0.4-1-0.7c1.5-0.8,2.3,0.1,3.1,0.9c0.4-0.7,0.3-1.1-0.3-1.8c-0.1-0.1-0.1-0.3-0.2-0.5c0.2,0,0.4-0.2,0.5-0.1 c0.4,0.2,0.8,0.5,1.2,0.8c0.5-0.4,1.2-0.7,1.6-1.3c0.5-0.7,0.8-1.5,0.5-2.5c-0.1-0.2,0-0.4,0-0.6c0-0.1,0.2-0.4,0.2-0.4 c0.2,0,0.3,0.1,0.4,0.3c0.2,0.2,0.3,0.5,0.5,0.8c0.1,0,0.1,0,0.2,0c0.1-0.5,0.1-0.9,0.2-1.4c0.1-0.4,0.1-1,0.8-1.2 c-0.1,0.8-0.2,1.5-0.2,2.1c0.4-0.3,0.5-0.6,0.8-0.9c0.1-0.2,0.4-0.3,0.6-0.5c0.1,0.3,0.1,0.5,0.2,0.8c0.1,0.3,0,0.7,0.1,0.9 c1,1.1,2.3,1.8,3.8,2c1.4,0.2,2.7-0.1,3.9-0.6c0.6-0.3,1.3-0.6,1.7-1.4c-1.6,0.7-2.7,0-3.8-1C57.1,15.1,57.3,14.3,58.7,13.8z M63.1,24.6c0.3-0.2,0.7-0.4,0.8-0.7c0.7-1.7-0.6-3.6-2.4-3.6c-1.5,0-3,0.2-4.4,0.3c-1.6,0.2-3.2,0.4-4.8,0.6 c-1.4,0.2-2.7,0.4-4.1,0.7c-1.3,0.3-2.2,2.1-1.8,3.4c0,0.1,0.1,0.3,0.2,0.3c0.9,0.5,1.8,0.5,2.6,0.5c0.1-0.9,0.1-1.7,0.2-2.6 c-0.4,0.2-0.8,0.3-1.2,0.4c-0.3,0.1-0.7,0.2-1,0.1c-0.3,0-0.4-0.3-0.1-0.6c0.8-0.7,1.7-1.1,2.9-0.9c0.5,0.1,0.8,0.6,0.7,1 c-0.1,0.7-0.2,1.4-0.3,2.1c0,0.1,0.2,0.4,0.3,0.4c0.7,0.1,1.5,0.1,2.1,0.2c0.1-0.8,0.2-1.4,0.3-2.1c0.1,0,0.2,0,0.3,0 c0.2,0.5,0.4,1,0.6,1.4c0.2,0.4,0.4,0.6,0.9,0.5c1.8-0.1,3.6-0.2,5.4-0.4c1.4-0.1,1.9-0.7,1.9-2.2c0-0.2,0-0.4,0.1-0.6 c0.1,0,0.2,0,0.3-0.1C62.7,23.5,62.9,24,63.1,24.6z M62.4,31.6c0.1,0,0.1,0.1,0.2,0.1c0.3-0.4,0.7-0.9,0.7-1.3c0-0.6,0-1.5-0.4-1.8 c-0.9-0.9-2.2-1.2-3.5-1c-2.5,0.3-5,0.6-7.6,0.3c-1.2-0.1-2.3-0.2-3.5-0.2c-1.2,0-1.9,0.6-2.2,1.9c-0.2,0.9,0.6,2,1.3,2.3 c0.8,0.3,1.6,0.7,2.4,0.9c1.1,0.2,2.1,0.3,3.2,0.5c-0.1-0.8-0.1-1.5-0.1-2.2c0-0.1,0.1-0.3,0.2-0.4c0.2,0.1,0.4,0.1,0.5,0.2 c0.1,0.1,0.1,0.3,0.2,0.5c0.2,0.7,0.4,1.3,0.6,1.9c0.3,0,0.5,0,0.8,0c1.6-0.1,3.2-0.3,4.8-0.4c1.2-0.1,1.4-0.4,1.7-1.5 c0,0,0-0.1,0-0.1c0.1-0.1,0.3-0.4,0.3-0.4c0.2,0.1,0.4,0.2,0.6,0.4C62.5,31.2,62.4,31.4,62.4,31.6z M55.1,38.9c0.1,0,0.3,0,0.5,0.1 c1.5,0.2,3.1,0.1,4.6-0.3c0.6-0.2,1.1-0.5,1.3-1c0.2-0.7,0.3-1.7-0.4-2.1c-0.7-0.5-1.6-0.8-2.5-0.9c-1.7-0.2-3.4-0.1-5.1-0.2 c-1.3,0-2.6-0.2-3.9-0.2c-0.3,0-0.6,0.2-0.8,0.4c-0.5,0.7-0.1,2,0.6,2.4c1.3,0.8,2.2,0.3,2.4-1.1c0.1-0.6-0.2-0.7-0.7-0.8 c-0.5,0-0.9,0-1.4,0c-0.2,0-0.4-0.1-0.6-0.1c0-0.1,0-0.1-0.1-0.2c0.1-0.1,0.2-0.2,0.3-0.2c0.7-0.1,1.5-0.3,2.2-0.2 c1.2,0.2,1.6,1.1,1,2.2c-0.3,0.5-0.6,0.9-0.9,1.5c0.9,0.2,1.7,0.3,2.5,0.5c0-0.3,0-0.6,0.1-0.8c0.1-0.1,0.3-0.1,0.5-0.2 C54.9,38.1,55,38.4,55.1,38.9z M57.3,11.3C58,12,58,12,58.9,11.9c0.3,0,0.6,0.1,1,0.1c-0.1,0.3-0.2,0.6-0.4,1 c1.1,0.8,2.2,1.6,3.4,2.4c0.9-1.2,1-2.4,0.2-3.6c-0.4-0.6-1.7-1.3-2.4-1.2C59.6,10.8,58.5,11.1,57.3,11.3z M26.8,58.2 c-0.1,0-0.1,0-0.2,0c0,0.2,0,0.4,0.1,0.5c0.7,1.9,1.4,3.8,2.1,5.6c0.1,0.2,0.3,0.5,0.5,0.7c0.7,0.7,1.3,0.5,1.6-0.6 c-1.1,0-1.9-0.5-2.4-1.5c-0.3-0.5-0.5-1.1-0.7-1.6C27.5,60.2,27.1,59.2,26.8,58.2z M59.1,14.1c-0.2,0.3-0.4,0.5-0.5,0.7 c-0.1,0.2-0.2,0.4-0.1,0.6c0.6,1,2.1,1.3,3.2,0.6C60.8,15.3,59.9,14.7,59.1,14.1z M22.8,37.3c0,0,0.1,0.1,0.1,0.1 c0.4-0.3,0.8-0.5,1.1-0.8c0.1-0.1,0.2-0.4,0.1-0.5c-0.1-0.2-0.2-0.4-0.4-0.4c-0.1,0-0.3,0.2-0.4,0.3C23.2,36.4,23,36.9,22.8,37.3z M50.6,19.8c0.5-0.1,0.8-0.6,0.7-1.3C50.7,18.8,50.3,19.1,50.6,19.8z M52.6,18.7c-0.1,0-0.1,0-0.2,0.1c-0.1,0.3-0.2,0.5-0.2,0.8 c0.1,0.1,0.1,0.1,0.2,0.2c0.2-0.2,0.5-0.3,0.6-0.5C53,19.2,52.8,18.9,52.6,18.7z"
let parsedPath = UIBezierPath(pathString: fistBump)
shapeLayer.path = parsedPath
// Path from SVG File
let svgURL = NSBundle.mainBundle().URLForResource("fistBump", withExtension: "svg")
let pathFromSVGFile = UIBezierPath.pathWithSVGURL(svgURL)
shapelayer.path = pathFromSVGFile#####Output:#####
####CAShapeLayer+SVG####
You can create a CAShapeLayer from a path string or SVG file:
// From Path String
let pizza = "M185.158,60.775l-0.698-4.896c-0.675-3.783-1.681-7.316-3.208-10.128c-5.67-10.472-48.894-65.225-61.319-68.777c-2.081-0.595-7.61-1.974-14.101-1.974c-8.908,0-16.174,2.602-21.013,7.528c-4.369,4.442-6.737,10.636-7.054,18.44c-6.133,2.803-21.237,10.434-25.399,19.22c-2.099,4.433-10.814,8.388-17.817,11.571c-5.636,2.561-10.503,4.771-13.48,7.521c-1.598,1.476-3.766,3.669-6.267,6.202C7.681,52.688-3.083,63.58-9.476,66.273c-7.238,3.047-12.022,7.993-12.489,12.911c-0.249,2.633,0.84,5.033,2.917,6.415c3.74,2.492,17.312,4.357,26.946,4.357c2.032,0,3.994-0.077,5.819-0.237c5.479-0.503,25.312-0.905,44.213-0.905c22.609,0,32.813,0.55,34.684,1.023c3.92,0.995,7.436,0.942,12.58,0.554c3.368-0.246,7.289-0.536,13.075-0.435c5.942,0.118,11.431,0.349,15.948,0.544c4.02,0.169,7.287,0.312,9.459,0.312c1.462,0,2.392-0.06,3.031-0.178c0.235-0.03,1.45-0.127,7.174-0.127c10.246,0,26.791,0.305,26.798,0.305c2.165,0.031,3.745-1.457,4-3.467C184.779,86.538,186.425,73.199,185.158,60.775z M71.908,23.986c8.08-2.059,15.464-0.457,16.491,3.583c1.03,4.036-4.682,8.985-12.758,11.041c-8.079,2.059-15.461,0.459-16.491-3.582C58.125,30.993,63.836,26.049,71.908,23.986z M33.1,44.006c7.807-0.659,14.386,2.201,14.691,6.397c0.312,4.193-5.765,8.144-13.568,8.805c-7.809,0.66-14.387-2.201-14.691-6.4C19.223,48.61,25.297,44.671,33.1,44.006zM122.67,80.658c-0.223,0.481-0.329,0.981-0.344,1.473c-1.275-0.034-2.572-0.064-3.897-0.094c-0.921-0.019-1.791-0.024-2.629-0.024c-4.794,0-8.346,0.267-11.199,0.479c-4.11,0.311-6.946,0.45-10.042-0.332c-4.137-1.05-22.203-1.268-36.628-1.268c-19.423,0-39.159,0.41-44.93,0.938c-1.345,0.124-2.81,0.158-4.291,0.178C23.522,76.224,40.985,70.605,46.118,71.8c3.038,0.724,5.305,1.489,7.307,2.163c4.688,1.583,8.4,2.834,15.098,0.738c1.88-0.587,3.815-1.356,5.77-2.142c6.874-2.748,11.313-4.229,15.043-1.614c8.523,5.97,15.491,4.944,22.228,3.969l0.526-0.071c5.021-0.737,10.051-0.055,11.217,1.509C123.833,77.053,123.603,78.625,122.67,80.658z M111.153,57.015c-10.024,0.743-18.474-2.396-18.876-7.028c-0.406-4.629,7.39-8.989,17.41-9.734c10.022-0.752,18.479,2.397,18.881,7.027C128.974,51.904,121.175,56.27,111.153,57.015zM142.469,51.189c-1.634-5.537-4.103-11.182-7.809-14.091c-9.188-7.221-20.624-16.848-25.173-22.223C108.884,14.164,96.799,0.084,85.878-0.92c0.518-4.697,2.036-8.397,4.593-10.994c4.188-4.261,10.668-5.158,15.364-5.158c5.493,0,10.16,1.168,11.919,1.667c7.153,2.042,38.85,39.213,51.926,57.785c-4.398-1.786-9.489-2.251-15.089-0.152C148.921,44.351,145.108,47.405,142.469,51.189z M177.185,82.824c-5.475-0.083-15.981-0.236-23.304-0.236c-6.653,0-7.854,0.121-8.513,0.236c-0.301,0.047-0.774,0.07-1.361,0.079c0.029-0.512,0.06-1.065,0.077-1.571c0.924-18.863,1.812-27.383,13.295-31.685c9.708-3.65,16.787,4.983,19.528,9.136C178.086,66.809,177.729,76.612,177.185,82.824z"
let svgShapeLayer = CAShapeLayer(pathString: pizza)
// From SVG File
let svgURL = NSBundle.mainBundle().URLForResource("pizza", withExtension: "svg")
let svgShapeLayerFromFile = CAShapeLayer(SVGURL: svgURL)#####Output:#####
Fill colors are read automatically if provided as an attribute on the path element. The fill attribute must be supplied as a hex value:
<path fill="#FF0066" d="M150 0 L75 200 L225 200 Z">####UIView+SVG####
A UIView convenince initializer is provided as well. Same thing goes as with CAShapeLayer, you can supply a path string or an SVG file:
// From Path String
let sockPuppet = "M185.158,60.775l-0.698-4.896c-0.675-3.783-1.681-7.316-3.208-10.128c-5.67-10.472-48.894-65.225-61.319-68.777c-2.081-0.595-7.61-1.974-14.101-1.974c-8.908,0-16.174,2.602-21.013,7.528c-4.369,4.442-6.737,10.636-7.054,18.44c-6.133,2.803-21.237,10.434-25.399,19.22c-2.099,4.433-10.814,8.388-17.817,11.571c-5.636,2.561-10.503,4.771-13.48,7.521c-1.598,1.476-3.766,3.669-6.267,6.202C7.681,52.688-3.083,63.58-9.476,66.273c-7.238,3.047-12.022,7.993-12.489,12.911c-0.249,2.633,0.84,5.033,2.917,6.415c3.74,2.492,17.312,4.357,26.946,4.357c2.032,0,3.994-0.077,5.819-0.237c5.479-0.503,25.312-0.905,44.213-0.905c22.609,0,32.813,0.55,34.684,1.023c3.92,0.995,7.436,0.942,12.58,0.554c3.368-0.246,7.289-0.536,13.075-0.435c5.942,0.118,11.431,0.349,15.948,0.544c4.02,0.169,7.287,0.312,9.459,0.312c1.462,0,2.392-0.06,3.031-0.178c0.235-0.03,1.45-0.127,7.174-0.127c10.246,0,26.791,0.305,26.798,0.305c2.165,0.031,3.745-1.457,4-3.467C184.779,86.538,186.425,73.199,185.158,60.775z M71.908,23.986c8.08-2.059,15.464-0.457,16.491,3.583c1.03,4.036-4.682,8.985-12.758,11.041c-8.079,2.059-15.461,0.459-16.491-3.582C58.125,30.993,63.836,26.049,71.908,23.986z M33.1,44.006c7.807-0.659,14.386,2.201,14.691,6.397c0.312,4.193-5.765,8.144-13.568,8.805c-7.809,0.66-14.387-2.201-14.691-6.4C19.223,48.61,25.297,44.671,33.1,44.006zM122.67,80.658c-0.223,0.481-0.329,0.981-0.344,1.473c-1.275-0.034-2.572-0.064-3.897-0.094c-0.921-0.019-1.791-0.024-2.629-0.024c-4.794,0-8.346,0.267-11.199,0.479c-4.11,0.311-6.946,0.45-10.042-0.332c-4.137-1.05-22.203-1.268-36.628-1.268c-19.423,0-39.159,0.41-44.93,0.938c-1.345,0.124-2.81,0.158-4.291,0.178C23.522,76.224,40.985,70.605,46.118,71.8c3.038,0.724,5.305,1.489,7.307,2.163c4.688,1.583,8.4,2.834,15.098,0.738c1.88-0.587,3.815-1.356,5.77-2.142c6.874-2.748,11.313-4.229,15.043-1.614c8.523,5.97,15.491,4.944,22.228,3.969l0.526-0.071c5.021-0.737,10.051-0.055,11.217,1.509C123.833,77.053,123.603,78.625,122.67,80.658z M111.153,57.015c-10.024,0.743-18.474-2.396-18.876-7.028c-0.406-4.629,7.39-8.989,17.41-9.734c10.022-0.752,18.479,2.397,18.881,7.027C128.974,51.904,121.175,56.27,111.153,57.015zM142.469,51.189c-1.634-5.537-4.103-11.182-7.809-14.091c-9.188-7.221-20.624-16.848-25.173-22.223C108.884,14.164,96.799,0.084,85.878-0.92c0.518-4.697,2.036-8.397,4.593-10.994c4.188-4.261,10.668-5.158,15.364-5.158c5.493,0,10.16,1.168,11.919,1.667c7.153,2.042,38.85,39.213,51.926,57.785c-4.398-1.786-9.489-2.251-15.089-0.152C148.921,44.351,145.108,47.405,142.469,51.189z M177.185,82.824c-5.475-0.083-15.981-0.236-23.304-0.236c-6.653,0-7.854,0.121-8.513,0.236c-0.301,0.047-0.774,0.07-1.361,0.079c0.029-0.512,0.06-1.065,0.077-1.571c0.924-18.863,1.812-27.383,13.295-31.685c9.708-3.65,16.787,4.983,19.528,9.136C178.086,66.809,177.729,76.612,177.185,82.824z"
let svgView = UIView(pathString: sockPuppet)
// From SVG File
let svgURL = NSBundle.mainBundle().URLForResource("sockPuppet", withExtension: "svg")
let svgViewFromFile = UIView(SVGURL: svgURL)#####Output:#####
####SVGView####
Finally, SwiftSVG provides a UIView subclass that is IBInspectable and IBDesignable. Simply add a view to your storyboard and use the SVGView subclass as you class name. Then put the name of your SVG file in your bundle in the IBInspectable property "SVGName"
- Fist - Francesco Cesqo Stefanini
- Pizza SVG - Justin Alexander
- Sock Puppet SVG - Myles McCoy
SwiftSVG is released under the MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent