diff --git a/_icons/archive.svg b/_icons/archive.svg new file mode 100644 index 000000000..0957ea895 --- /dev/null +++ b/_icons/archive.svg @@ -0,0 +1,7 @@ +--- +--- + + + + + diff --git a/_icons/inbox.svg b/_icons/inbox.svg new file mode 100644 index 000000000..e6f3700ff --- /dev/null +++ b/_icons/inbox.svg @@ -0,0 +1,6 @@ +--- +--- + + + + diff --git a/_icons/message-circle.svg b/_icons/message-circle.svg index 61b4c7a43..119907343 100644 --- a/_icons/message-circle.svg +++ b/_icons/message-circle.svg @@ -1,8 +1,8 @@ --- --- - - - - + + + + diff --git a/_icons/news.svg b/_icons/news.svg new file mode 100644 index 000000000..e7006f7f8 --- /dev/null +++ b/_icons/news.svg @@ -0,0 +1,8 @@ +--- +--- + + + + + + diff --git a/_icons/paint.svg b/_icons/paint.svg new file mode 100644 index 000000000..a0862604b --- /dev/null +++ b/_icons/paint.svg @@ -0,0 +1,7 @@ +--- +--- + + + + + diff --git a/_icons/refresh.svg b/_icons/refresh.svg new file mode 100644 index 000000000..ad5962f71 --- /dev/null +++ b/_icons/refresh.svg @@ -0,0 +1,6 @@ +--- +--- + + + + diff --git a/_icons/sticker.svg b/_icons/sticker.svg new file mode 100644 index 000000000..295e558eb --- /dev/null +++ b/_icons/sticker.svg @@ -0,0 +1,6 @@ +--- +--- + + + + diff --git a/gulpfile.js b/gulpfile.js index a0d8a9f0b..a60efe63e 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -51,7 +51,47 @@ gulp.task('icons-sprite', function (cb) { }); }); -gulp.task('optimize', function(cb){ +gulp.task('icons-stroke', function (cb) { + + const icon = "disabled", + strokes = ['.5', '1', '1.5', '2', '2.75'], + svgFileContent = fs.readFileSync(`_site/icons/tabler-${icon}.svg`).toString(), + padding = 32, + paddingOuter = 32, + iconSize = 128, + width = (strokes.length * (iconSize + padding) - padding) + paddingOuter * 2, + height = iconSize + paddingOuter * 2; + + let svgContentSymbols = '', + svgContentIcons = '', + x = paddingOuter; + + console.log('width', width); + + strokes.forEach(function (stroke) { + console.log('stroke', stroke); + + let svgFileContentStroked = svgFileContent + .replace('', '') + .replace(/\n\s+/g, ''); + + svgContentSymbols += `\t${svgFileContentStroked}\n`; + svgContentIcons += `\t\n`; + + x += padding + iconSize; + }); + + const svgContent = `\n${svgContentSymbols}\n${svgContentIcons}\n`; + + fs.writeFileSync('icons-stroke.svg', svgContent); + + cb(); +}); + +gulp.task('optimize', function (cb) { glob("_icons/*.svg", {}, function (er, files) { files.forEach(function (file, i) { @@ -66,7 +106,7 @@ gulp.task('optimize', function(cb){ .replace(/polyline points="([0-9.]+)\s([0-9.]+)\s([0-9.]+)\s([0-9.]+)"/g, 'line x1="$1" y1="$2" x2="$3" y2="$4"') .replace(/\s+"/g, '"') .replace(/\n\n+/g, "\n"); - + console.log('file', file); fs.writeFileSync(file, svgFileContent); diff --git a/icons-stroke.svg b/icons-stroke.svg new file mode 100644 index 000000000..7db1ef830 --- /dev/null +++ b/icons-stroke.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/icons.svg b/icons.svg index e94d3576d..dc98bbf76 100644 --- a/icons.svg +++ b/icons.svg @@ -1,4 +1,4 @@ - + @@ -14,6 +14,8 @@ + + @@ -320,6 +322,8 @@ + + @@ -383,7 +387,7 @@ - + @@ -412,8 +416,12 @@ + + + + @@ -434,6 +442,8 @@ + + @@ -474,6 +484,8 @@ + + @@ -546,266 +558,272 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/readme.md b/readme.md index c1eed391a..dc8fbf18e 100644 --- a/readme.md +++ b/readme.md @@ -1,5 +1,9 @@ # Tabler icons -A set of over 200 free MIT-licensed high-quality SVG icons for you to use in your web projects. +A set of almost 300 free MIT-licensed high-quality SVG icons for you to use in your web projects. ![Tabler icons](./icons.svg) + +### Multiple strokes + +![Tabler icons](./icons-stroke.svg)