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) [![Video Vimeo](https://github.com/jorgeatgu/SVG-Snippets/blob/master/vimeo-image.png)](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 */ $4 $5 ``` ##Scalableu Write ```scalableu``` ```html /* after */ $4 $5 ``` ##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 */ $7 $8 ${9:} ```