diff options
| -rw-r--r-- | _icons/urgent.svg | 8 | ||||
| -rw-r--r-- | gulpfile.js | 5 | ||||
| -rw-r--r-- | icons.svg | 33 | ||||
| -rw-r--r-- | package.json | 6 |
4 files changed, 29 insertions, 23 deletions
diff --git a/_icons/urgent.svg b/_icons/urgent.svg new file mode 100644 index 00000000..b0f5b853 --- /dev/null +++ b/_icons/urgent.svg @@ -0,0 +1,8 @@ +--- +--- +<svg> + <circle cx="12" cy="12" r="4" opacity=".1" /> + <path d="M8 16v-4a4 4 0 018 0v4" /> + <path d="M3 12h1M12 3v1M20 12h1M5.6 5.6l.7 .7M18.4 5.6l-.7 .7" /> + <rect x="6" y="16" width="12" height="4" rx="1" /> +</svg> diff --git a/gulpfile.js b/gulpfile.js index bc6c09cf..ff3c20bd 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -66,11 +66,7 @@ gulp.task('icons-stroke', function (cb) { svgContentIcons = '', x = paddingOuter; - console.log('width', width); - strokes.forEach(function (stroke) { - console.log('stroke', stroke); - let svgFileContentStroked = svgFileContent .replace('<svg xmlns="http://www.w3.org/2000/svg"', `<symbol id="icon-${stroke}"`) .replace(' width="24" height="24"', '') @@ -87,7 +83,6 @@ gulp.task('icons-stroke', function (cb) { const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`; fs.writeFileSync('icons-stroke.svg', svgContent); - cb(); }); @@ -519,6 +519,8 @@ </symbol> <symbol id="tabler-upload" class="icon tabler-icon tabler-icon-upload" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002 -2v-2" /><polyline points="7 9 12 4 17 9" /><line x1="12" y1="4" x2="12" y2="16" /> </symbol> + <symbol id="tabler-urgent" class="icon tabler-icon tabler-icon-urgent" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4" opacity=".1" /><path d="M8 16v-4a4 4 0 018 0v4" /><path d="M3 12h1M12 3v1M20 12h1M5.6 5.6l.7 .7M18.4 5.6l-.7 .7" /><rect x="6" y="16" width="12" height="4" rx="1" /> +</symbol> <symbol id="tabler-user-check" class="icon tabler-icon tabler-icon-user-check" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="8.5" cy="7" r="4" /><path d="M2 21v-2a4 4 0 014-4h5a4 4 0 014 4v2" /><path d="M16 11l2 2l4 -4" /> </symbol> <symbol id="tabler-user-minus" class="icon tabler-icon tabler-icon-user-minus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="8.5" cy="7" r="4" /><path d="M2 21v-2a4 4 0 014-4h5a4 4 0 014 4v2" /><line x1="16" y1="11" x2="22" y2="11" /> @@ -810,20 +812,21 @@ <use xlink:href="#tabler-trophy" x="111" y="800" width="24" height="24" /> <use xlink:href="#tabler-unlink" x="164" y="800" width="24" height="24" /> <use xlink:href="#tabler-upload" x="217" y="800" width="24" height="24" /> - <use xlink:href="#tabler-user-check" x="270" y="800" width="24" height="24" /> - <use xlink:href="#tabler-user-minus" x="323" y="800" width="24" height="24" /> - <use xlink:href="#tabler-user-plus" x="376" y="800" width="24" height="24" /> - <use xlink:href="#tabler-user-x" x="429" y="800" width="24" height="24" /> - <use xlink:href="#tabler-user" x="482" y="800" width="24" height="24" /> - <use xlink:href="#tabler-viewfinder" x="535" y="800" width="24" height="24" /> - <use xlink:href="#tabler-volume-2" x="588" y="800" width="24" height="24" /> - <use xlink:href="#tabler-volume-3" x="641" y="800" width="24" height="24" /> - <use xlink:href="#tabler-volume" x="694" y="800" width="24" height="24" /> - <use xlink:href="#tabler-wifi" x="747" y="800" width="24" height="24" /> - <use xlink:href="#tabler-woman" x="800" y="800" width="24" height="24" /> - <use xlink:href="#tabler-world" x="853" y="800" width="24" height="24" /> - <use xlink:href="#tabler-x" x="5" y="853" width="24" height="24" /> - <use xlink:href="#tabler-zoom-in" x="58" y="853" width="24" height="24" /> - <use xlink:href="#tabler-zoom-out" x="111" y="853" width="24" height="24" /> + <use xlink:href="#tabler-urgent" x="270" y="800" width="24" height="24" /> + <use xlink:href="#tabler-user-check" x="323" y="800" width="24" height="24" /> + <use xlink:href="#tabler-user-minus" x="376" y="800" width="24" height="24" /> + <use xlink:href="#tabler-user-plus" x="429" y="800" width="24" height="24" /> + <use xlink:href="#tabler-user-x" x="482" y="800" width="24" height="24" /> + <use xlink:href="#tabler-user" x="535" y="800" width="24" height="24" /> + <use xlink:href="#tabler-viewfinder" x="588" y="800" width="24" height="24" /> + <use xlink:href="#tabler-volume-2" x="641" y="800" width="24" height="24" /> + <use xlink:href="#tabler-volume-3" x="694" y="800" width="24" height="24" /> + <use xlink:href="#tabler-volume" x="747" y="800" width="24" height="24" /> + <use xlink:href="#tabler-wifi" x="800" y="800" width="24" height="24" /> + <use xlink:href="#tabler-woman" x="853" y="800" width="24" height="24" /> + <use xlink:href="#tabler-world" x="5" y="853" width="24" height="24" /> + <use xlink:href="#tabler-x" x="58" y="853" width="24" height="24" /> + <use xlink:href="#tabler-zoom-in" x="111" y="853" width="24" height="24" /> + <use xlink:href="#tabler-zoom-out" x="164" y="853" width="24" height="24" /> </svg>
\ No newline at end of file diff --git a/package.json b/package.json index 60a66dc0..00b9d96d 100644 --- a/package.json +++ b/package.json @@ -13,11 +13,11 @@ "homepage": "https://github.com/tabler/tabler-icons#readme", "main": "gulpfile.js", "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "build": "gulp optimize && gulp icons-sprite && gulp icons-stroke" }, "description": "", "devDependencies": { - "glob": "^7.1.6", - "gulp": "^4.0.2" + "glob": "7.1.6", + "gulp": "4.0.2" } } |
