https://github.com/nucliweb/svg-snippets
https://github.com/nucliweb/svg-snippets
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nucliweb/svg-snippets
- Owner: nucliweb
- Created: 2014-07-22T22:12:10.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-07-23T07:07:31.000Z (over 11 years ago)
- Last Synced: 2025-01-16T21:16:47.212Z (about 1 year ago)
- Size: 134 KB
- Stars: 0
- Watchers: 2
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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.
###circle
```html
```
###circle3
```html
```
###circleu
```html
```
###clippath
```html
$2
```
###defsuse
```html
```
###ellipse
```html
```
###ellipse3
```html
```
###ellipseu
```html
```
###group
```html
$2
```
###line
```html
```
###line
```html
```
###lineu
```html
```
###lineargradient
```html
```
###matrix
```html
transform="matrix($1 $2 $3 $4 $5 $6)"
```
###path
```html
```
###pattern
```html
$4
```
###polygon
```html
```
###polygon3
```html
```
###polygonu
```html
```
###polyline
```html
```
###polyline3
```html
```
###polylineu
```html
```
###radialgradient
```html
```
###rect
```html
```
###rect3
```html
```
###rectu
```html
```
###rotate
```html
transform="rotate($1)"
```
###scalable
```html
$4
$5
```
###scalableu
```html
$4
$5
```
###skewX
```html
transform="skewX($1)"
```
###skewY
```html
transform="skewY($1)"
```
###symbol
```html
```
###text
```html
$4
```
###translate
```html
transform="translate($1)"
```
###tspan
```html
$4
```
###use
```html
```
###use3
```html
```