SVG-Snippets
============
Type the snippet shortcode and then press `Tab` to complete the snippet.
The snippets are listed below in alphabetical order. The `'$1'` indicates the position of the caret/s. Some snippets have been set up so that pressing Tab jumps the caret/s to the next predefined spot. It's a little hard to explain, but any snippet that has a `$1/$2/$3/etc. uses this technique.
#[Package Control](https://packagecontrol.io/packages/SVG-Snippets)
#[CodePen](http://codepen.io/jorgeatgu/blog/svg-snippets)
[](https://vimeo.com/101490820)
##Circle
Write ```circle```
```html
/* after */
```
Write ```circle3```
```html
/* after */
```
Write ```circleu```
```html
/* after */
```
##Clippath
Write ```clippath```
```html
/* after */
$2
```
###Defs + use
Write ```defsuse```
```html
/* after */
```
##Ellipse
Write ```ellipse```
```html
/* after */
```
Write ```ellipse3```
```html
/* after */
```
Write ```ellipseu```
```html
/* after */
```
##Group
Write ```group```
```html
/* after */
$2
```
##Line
Write ```line```
```html
/* after */
```
Write ```lineu```
```html
/* after */
```
##Lineargradient
Write ```lineargradient```
```html
/* after */
```
##Matrix
Write ```matrix```
```html
/* after */
transform="matrix($1 $2 $3 $4 $5 $6)"
```
##Path
Write ```path```
```html
/* after */
```
##Pattern
Write ```pattern```
```html
/* after */
$4
```
##Polygon
Write ```polygon```
```html
/* after */
```
Write ```polygon3```
```html
/* after */
```
Write ```polygonu```
```html
/* after */
```
##Polyline
Write ```polyline```
```html
/* after */
```
Write ```polyline3```
```html
/* after */
```
Write ```polylineu```
```html
/* after */
```
##Radialgradient
Write ```radialgradient```
```html
/* after */
```
##Rect
Write ```rect```
```html
/* after */
```
##Rect3
Write ```rect3```
```html
/* after */
```
##Rectu
Write ```rectu```
```html
/* after */
```
##Rotate
Write ```rotate```
```html
/* after */
transform="rotate($1)"
```
##Scalable
Write ```scalable```
```html
/* after */
```
##Scalableu
Write ```scalableu```
```html
/* after */
```
##SkewX
Write ```skewx```
```html
/* after */
transform="skewX($1)"
```
##SkewY
Write ```skewy```
```html
/* after */
transform="skewY($1)"
```
##Symbol
Write ```symbol```
```html
/* after */
```
##Text
Write ```text```
```html
/* after */
$4
```
##Translate
Write ```translate```
```html
/* after */
transform="translate($1)"
```
##Tspan
Write ```tspan```
```html
/* after */
$4
```
##Use
Write ```use```
```html
/* after */
```
##Use3
Write ```use3```
```html
/* after */
```
##Scalable with Inverted Y-Axis
Write ```scalablei```
```html
/* after */
```