aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-03-01 16:06:35 +0100
committercodecalm <codecalm@gmail.com>2020-03-01 16:06:35 +0100
commit9e3f11bf05d9c3883b99afe900ea6cb7c2392111 (patch)
treefd2fda3f39011b59d270891575a6baff046a1037
parentsearch, zoom, cog (diff)
downloadtabler-icons-9e3f11bf05d9c3883b99afe900ea6cb7c2392111.tar.xz
heart, user, map pin, gulp init
-rw-r--r--.gitignore1
-rw-r--r--_config.yml1
-rw-r--r--_icons/heart.svg5
-rw-r--r--_icons/map-pin.svg6
-rw-r--r--_icons/user-plus.svg8
-rw-r--r--_icons/user.svg6
-rw-r--r--gulpfile.js52
-rw-r--r--icons.svg223
-rw-r--r--package.json11
-rw-r--r--readme.md3
-rw-r--r--style.scss1
11 files changed, 316 insertions, 1 deletions
diff --git a/.gitignore b/.gitignore
index c53ac12e..7903a4c2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
_site/
node_modules/
.jekyll-cache/
+package-lock.json
diff --git a/_config.yml b/_config.yml
index 7582e66f..595be93e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -10,6 +10,7 @@ defaults:
type: "icons"
values:
layout: icon
+ permalink: 'icons/tabler-:slug'
collections:
icons:
diff --git a/_icons/heart.svg b/_icons/heart.svg
new file mode 100644
index 00000000..1b1ea6f3
--- /dev/null
+++ b/_icons/heart.svg
@@ -0,0 +1,5 @@
+---
+---
+<svg>
+ <path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
+</svg>
diff --git a/_icons/map-pin.svg b/_icons/map-pin.svg
new file mode 100644
index 00000000..d0268384
--- /dev/null
+++ b/_icons/map-pin.svg
@@ -0,0 +1,6 @@
+---
+---
+<svg>
+ <circle cx="12" cy="11" r="3"></circle>
+ <path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
+</svg>
diff --git a/_icons/user-plus.svg b/_icons/user-plus.svg
new file mode 100644
index 00000000..950a8655
--- /dev/null
+++ b/_icons/user-plus.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+ <circle cx="9" cy="7" r="4"></circle>
+ <path d="M3 21v-2a4 4 0 014-4h5a4 4 0 014 4v2" />
+ <line x1="15" y1="11" x2="21" y2="11"></line>
+ <line x1="18" y1="8" x2="18" y2="14"></line>
+</svg>
diff --git a/_icons/user.svg b/_icons/user.svg
new file mode 100644
index 00000000..0483d65a
--- /dev/null
+++ b/_icons/user.svg
@@ -0,0 +1,6 @@
+---
+---
+<svg>
+ <circle cx="12" cy="7" r="4"></circle>
+ <path d="M4 21v-2a4 4 0 014-4h8a4 4 0 014 4v2" />
+</svg>
diff --git a/gulpfile.js b/gulpfile.js
new file mode 100644
index 00000000..f5bedd19
--- /dev/null
+++ b/gulpfile.js
@@ -0,0 +1,52 @@
+const gulp = require('gulp'),
+ glob = require("glob"),
+ fs = require("fs"),
+ path = require("path"),
+ svg2img = require('svg2img');
+
+
+gulp.task('icons-sprite', function (cb) {
+ const columnsCount = 20,
+ padding = 16,
+ paddingOuter = 49,
+ iconSize = 24;
+
+ glob("_site/icons/*.svg", {}, function (er, files) {
+ const iconsCount = files.length,
+ rowsCount = Math.ceil(iconsCount / columnsCount),
+ width = columnsCount * (iconSize + padding) + 2 * paddingOuter - padding,
+ height = rowsCount * (iconSize + padding) + 2 * paddingOuter - padding;
+
+ let svgContentSymbols = '',
+ svgContentIcons = '',
+ x = paddingOuter,
+ y = paddingOuter;
+ files.forEach(function (file, i) {
+ let name = path.basename(file, '.svg');
+
+ let svgFile = fs.readFileSync(file),
+ svgFileContent = svgFile.toString();
+
+ svgFileContent = svgFileContent
+ .replace('<svg xmlns="http://www.w3.org/2000/svg"', `<symbol id="${name}"`)
+ .replace(' width="24" height="24"', '')
+ .replace('</svg>', '</symbol>')
+ .replace(/\n\s+/g, '');
+
+ svgContentSymbols += `\t${svgFileContent}\n`;
+ svgContentIcons += `\t<use xlink:href="#${name}" x="${x}" y="${y}" width="${iconSize}" height="${iconSize}" />\n`;
+
+ x += padding + iconSize;
+
+ if (i % columnsCount === columnsCount - 1) {
+ x = paddingOuter;
+ y += padding + iconSize;
+ }
+ });
+
+ 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}"><rect x="0" y="0" width="${width}" height="${height}" fill="#fafafa"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`;
+
+ fs.writeFileSync('icons.svg', svgContent);
+ cb();
+ });
+});
diff --git a/icons.svg b/icons.svg
new file mode 100644
index 00000000..59e0fe81
--- /dev/null
+++ b/icons.svg
@@ -0,0 +1,223 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 882 242" width="882" height="242"><rect x="0" y="0" width="882" height="242" fill="#fafafa"></rect>
+ <symbol id="tabler-activity" class="icon tabler-icon tabler-icon-activity" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 12 17 12 14 20 10 4 7 12 3 12" />
+</symbol>
+ <symbol id="tabler-ajdustments" class="icon tabler-icon tabler-icon-ajdustments" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" />
+</symbol>
+ <symbol id="tabler-alert-circle" class="icon tabler-icon tabler-icon-alert-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" />
+</symbol>
+ <symbol id="tabler-align-center" class="icon tabler-icon tabler-icon-align-center" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="7" y1="10" x2="17" y2="10" /><line x1="4" y1="14" x2="20" y2="14" /><line x1="6" y1="18" x2="18" y2="18" />
+</symbol>
+ <symbol id="tabler-align-justified" class="icon tabler-icon tabler-icon-align-justified" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="10" x2="20" y2="10" /><line x1="4" y1="14" x2="20" y2="14" /><line x1="4" y1="18" x2="20" y2="18" />
+</symbol>
+ <symbol id="tabler-align-left" class="icon tabler-icon tabler-icon-align-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="10" x2="14" y2="10" /><line x1="4" y1="14" x2="20" y2="14" /><line x1="4" y1="18" x2="16" y2="18" />
+</symbol>
+ <symbol id="tabler-align-right" class="icon tabler-icon tabler-icon-align-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="10" y1="10" x2="20" y2="10" /><line x1="4" y1="14" x2="20" y2="14" /><line x1="8" y1="18" x2="20" y2="18" />
+</symbol>
+ <symbol id="tabler-arrow-down-circle" class="icon tabler-icon tabler-icon-arrow-down-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="16" />
+</symbol>
+ <symbol id="tabler-arrow-down-left-circle" class="icon tabler-icon tabler-icon-arrow-down-left-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 9 15 9 9" />
+</symbol>
+ <symbol id="tabler-arrow-down-left" class="icon tabler-icon tabler-icon-arrow-down-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="17" y1="7" x2="7" y2="17" /><polyline points="16 17 7 17 7 8" />
+</symbol>
+ <symbol id="tabler-arrow-down-right-circle" class="icon tabler-icon tabler-icon-arrow-down-right-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="15" y1="15" x2="9" y2="15" /><polyline points="15 9 15 15 9 9" />
+</symbol>
+ <symbol id="tabler-arrow-down-right" class="icon tabler-icon tabler-icon-arrow-down-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="7" x2="17" y2="17" /><polyline points="17 8 17 17 8 17" />
+</symbol>
+ <symbol id="tabler-arrow-down" class="icon tabler-icon tabler-icon-arrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19" /><line x1="19" y1="12" x2="12" y2="19" /><line x1="5" y1="12" x2="12" y2="19" />
+</symbol>
+ <symbol id="tabler-arrow-left-circle" class="icon tabler-icon tabler-icon-arrow-left-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="8" y1="12" x2="16" y2="12" /><line x1="8" y1="12" x2="12" y2="16" /><line x1="8" y1="12" x2="12" y2="8" />
+</symbol>
+ <symbol id="tabler-arrow-left" class="icon tabler-icon tabler-icon-arrow-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="12" y2="19" /><line x1="5" y1="12" x2="12" y2="5" />
+</symbol>
+ <symbol id="tabler-arrow-narrow-down" class="icon tabler-icon tabler-icon-arrow-narrow-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19" /><line x1="16" y1="15" x2="12" y2="19" /><line x1="8" y1="15" x2="12" y2="19" />
+</symbol>
+ <symbol id="tabler-arrow-narrow-left" class="icon tabler-icon tabler-icon-arrow-narrow-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><line x1="5" y1="12" x2="9" y2="16" /><line x1="5" y1="12" x2="9" y2="8" />
+</symbol>
+ <symbol id="tabler-arrow-narrow-right" class="icon tabler-icon tabler-icon-arrow-narrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><line x1="15" y1="16" x2="19" y2="12" /><line x1="15" y1="8" x2="19" y2="12" />
+</symbol>
+ <symbol id="tabler-arrow-narrow-up" class="icon tabler-icon tabler-icon-arrow-narrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<line x1="12" y1="5" x2="12" y2="19" />
+<line x1="16" y1="9" x2="12" y2="5" />
+<line x1="8" y1="9" x2="12" y2="5" />
+</symbol>
+ <symbol id="tabler-arrow-right-circle" class="icon tabler-icon tabler-icon-arrow-right-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="16" y1="12" x2="8" y2="12" /><line x1="16" y1="12" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" />
+</symbol>
+ <symbol id="tabler-arrow-right" class="icon tabler-icon tabler-icon-arrow-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><line x1="12" y1="19" x2="19" y2="12" /><line x1="12" y1="5" x2="19" y2="12" />
+</symbol>
+ <symbol id="tabler-arrow-up-circle" class="icon tabler-icon tabler-icon-arrow-up-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="8" y2="12" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="16" y1="12" x2="12" y2="8" />
+</symbol>
+ <symbol id="tabler-arrow-up-left-circle" class="icon tabler-icon tabler-icon-arrow-up-left-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="15" y2="15" /><polyline points="15 9 9 9 9 15" />
+</symbol>
+ <symbol id="tabler-arrow-up-left" class="icon tabler-icon tabler-icon-arrow-up-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="7" x2="17" y2="17" /><polyline points="16 7 7 7 7 16" />
+</symbol>
+ <symbol id="tabler-arrow-up-right-circle" class="icon tabler-icon tabler-icon-arrow-up-right-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="15" y1="9" x2="9" y2="15" /><polyline points="15 15 15 9 9 9" />
+</symbol>
+ <symbol id="tabler-arrow-up-right" class="icon tabler-icon tabler-icon-arrow-up-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="17" y1="7" x2="7" y2="17" /><polyline points="8 7 17 7 17 16" />
+</symbol>
+ <symbol id="tabler-arrow-up" class="icon tabler-icon tabler-icon-arrow-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19" /><line x1="19" y1="12" x2="12" y2="5" /><line x1="5" y1="12" x2="12" y2="5" />
+</symbol>
+ <symbol id="tabler-border-all" class="icon tabler-icon tabler-icon-border-all" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" />
+</symbol>
+ <symbol id="tabler-border-bottom" class="icon tabler-icon tabler-icon-border-bottom" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="20" y1="20" x2="4" y2="20" /><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="20" y1="4" x2="20" y2="20" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-horizontal" class="icon tabler-icon tabler-icon-border-horizontal" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12" /><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-inner" class="icon tabler-icon tabler-icon-border-inner" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-left" class="icon tabler-icon tabler-icon-border-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="20" x2="4" y2="4" /><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="20" y1="4" x2="20" y2="20" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-none" class="icon tabler-icon tabler-icon-border-none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="20" y1="4" x2="20" y2="20" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-outer" class="icon tabler-icon tabler-icon-border-outer" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2" /><g stroke-dasharray=".001 4"><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-right" class="icon tabler-icon tabler-icon-border-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="20" y1="4" x2="20" y2="20" /><g stroke-dasharray=".001 4"><line x1="4" y1="4" x2="20" y2="4" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-top" class="icon tabler-icon tabler-icon-border-top" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="4" x2="20" y2="4" /><g stroke-dasharray=".001 4"><line x1="20" y1="4" x2="20" y2="20" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="12" y1="4" x2="12" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-border-vertical" class="icon tabler-icon tabler-icon-border-vertical" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="4" x2="12" y2="20" /><g stroke-dasharray=".001 4"><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="4" x2="20" y2="4" /><line x1="4" y1="20" x2="4" y2="4" /><line x1="20" y1="20" x2="4" y2="20" /><line x1="20" y1="4" x2="20" y2="20" /></g>
+</symbol>
+ <symbol id="tabler-check" class="icon tabler-icon tabler-icon-check" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 7 10 17 5 12" />
+</symbol>
+ <symbol id="tabler-chevron-down" class="icon tabler-icon tabler-icon-chevron-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9" />
+</symbol>
+ <symbol id="tabler-chevron-left" class="icon tabler-icon tabler-icon-chevron-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 6 9 12 15 18" />
+</symbol>
+ <symbol id="tabler-chevron-right" class="icon tabler-icon tabler-icon-chevron-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18" />
+</symbol>
+ <symbol id="tabler-chevron-up" class="icon tabler-icon tabler-icon-chevron-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 15 12 9 18 15" />
+</symbol>
+ <symbol id="tabler-chevrons-down" class="icon tabler-icon tabler-icon-chevrons-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 7 12 12 17 7" /><polyline points="7 13 12 18 17 13" />
+</symbol>
+ <symbol id="tabler-chevrons-left" class="icon tabler-icon tabler-icon-chevrons-left" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 7 6 12 11 17" /><polyline points="17 7 12 12 17 17" />
+</symbol>
+ <symbol id="tabler-chevrons-right" class="icon tabler-icon tabler-icon-chevrons-right" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 7 12 12 7 17" /><polyline points="13 7 18 12 13 17" />
+</symbol>
+ <symbol id="tabler-chevrons-up" class="icon tabler-icon tabler-icon-chevrons-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 11 12 6 17 11" /><polyline points="7 17 12 12 17 17" />
+</symbol>
+ <symbol id="tabler-circle" class="icon tabler-icon tabler-icon-circle" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" />
+</symbol>
+ <symbol id="tabler-clipboard" class="icon tabler-icon tabler-icon-clipboard" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" /><rect x="9" y="3" width="6" height="4" rx="2" />
+</symbol>
+ <symbol id="tabler-clock" class="icon tabler-icon tabler-icon-clock" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 9 15" />
+</symbol>
+ <symbol id="tabler-code" class="icon tabler-icon tabler-icon-code" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><polyline points="14 4 10 20" />
+</symbol>
+ <symbol id="tabler-cog" class="icon tabler-icon tabler-icon-cog" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><circle cx="12" cy="12" r="3"></circle>
+</symbol>
+ <symbol id="tabler-heart" class="icon tabler-icon tabler-icon-heart" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
+</symbol>
+ <symbol id="tabler-map-pin" class="icon tabler-icon tabler-icon-map-pin" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="11" r="3"></circle><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
+</symbol>
+ <symbol id="tabler-minus" class="icon tabler-icon tabler-icon-minus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" />
+</symbol>
+ <symbol id="tabler-mood-confuzed" class="icon tabler-icon tabler-icon-mood-confuzed" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><line x1="9" y1="15" x2="16" y2="13.5" />
+</symbol>
+ <symbol id="tabler-mood-happy" class="icon tabler-icon tabler-icon-mood-happy" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M8 13a4 4 0 108 0m0 0H8" />
+</symbol>
+ <symbol id="tabler-mood-neutral" class="icon tabler-icon tabler-icon-mood-neutral" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><line x1="9" y1="15" x2="15" y2="15" />
+</symbol>
+ <symbol id="tabler-mood-sad" class="icon tabler-icon tabler-icon-mood-sad" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path stroke-linecap="round" d="M9 9v.01M15 9v.01M14.828 15.328a3.987 3.987 0 00-2.82-1.171 3.988 3.988 0 00-2.836 1.171"/>
+</symbol>
+ <symbol id="tabler-mood-smile" class="icon tabler-icon tabler-icon-mood-smile" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><line x1="9" y1="9" x2="9.01" y2="9" /><line x1="15" y1="9" x2="15.01" y2="9" /><path d="M9 9h.01M15 9h.01M9.172 14.828c.707.708 1.799 1.17 2.82 1.172a3.988 3.988 0 002.836-1.172"/>
+</symbol>
+ <symbol id="tabler-more-vertical" class="icon tabler-icon tabler-icon-more-vertical" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1" /><circle cx="12" cy="19" r="1" /><circle cx="12" cy="5" r="1" />
+</symbol>
+ <symbol id="tabler-more" class="icon tabler-icon tabler-icon-more" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="1" /><circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" />
+</symbol>
+ <symbol id="tabler-plus" class="icon tabler-icon tabler-icon-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
+</symbol>
+ <symbol id="tabler-search" class="icon tabler-icon tabler-icon-search" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7"></circle><line x1="21" y1="21" x2="15" y2="15"></line>
+</symbol>
+ <symbol id="tabler-square" class="icon tabler-icon tabler-icon-square" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2" />
+</symbol>
+ <symbol id="tabler-star" class="icon tabler-icon tabler-icon-star" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.75l-6.172 3.245 1.179-6.873-4.993-4.867 6.9-1.002L12 2l3.086 6.253 6.9 1.002-4.993 4.867 1.179 6.873z" />
+</symbol>
+ <symbol id="tabler-trending-down" class="icon tabler-icon tabler-icon-trending-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 7 9 13 13 9 21 17" /><polyline points="21 9 21 17 13 17" />
+</symbol>
+ <symbol id="tabler-trending-up" class="icon tabler-icon tabler-icon-trending-up" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 17 9 11 13 15 21 7" /><polyline points="13 7 21 7 21 15" />
+</symbol>
+ <symbol id="tabler-user-plus" class="icon tabler-icon tabler-icon-user-plus" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="7" r="4"></circle><path d="M3 21v-2a4 4 0 014-4h5a4 4 0 014 4v2" /><line x1="15" y1="11" x2="21" y2="11"></line><line x1="18" y1="8" x2="18" y2="14"></line>
+</symbol>
+ <symbol id="tabler-user" class="icon tabler-icon tabler-icon-user" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M4 21v-2a4 4 0 014-4h8a4 4 0 014 4v2" />
+</symbol>
+ <symbol id="tabler-x" class="icon tabler-icon tabler-icon-x" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" />
+</symbol>
+ <symbol id="tabler-zoom-in" class="icon tabler-icon tabler-icon-zoom-in" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7"></circle><line x1="7" y1="10" x2="13" y2="10"></line><line x1="10" y1="7" x2="10" y2="13"></line><line x1="21" y1="21" x2="15" y2="15"></line>
+</symbol>
+ <symbol id="tabler-zoom-out" class="icon tabler-icon tabler-icon-zoom-out" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7"></circle><line x1="7" y1="10" x2="13" y2="10"></line><line x1="21" y1="21" x2="15" y2="15"></line>
+</symbol>
+
+ <use xlink:href="#tabler-activity" x="49" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-ajdustments" x="89" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-alert-circle" x="129" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-align-center" x="169" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-align-justified" x="209" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-align-left" x="249" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-align-right" x="289" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-circle" x="329" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-left-circle" x="369" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-left" x="409" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-right-circle" x="449" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down-right" x="489" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-down" x="529" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-left-circle" x="569" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-left" x="609" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-down" x="649" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-left" x="689" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-right" x="729" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-narrow-up" x="769" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-right-circle" x="809" y="49" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-right" x="49" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-circle" x="89" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-left-circle" x="129" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-left" x="169" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-right-circle" x="209" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up-right" x="249" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-arrow-up" x="289" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-all" x="329" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-bottom" x="369" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-horizontal" x="409" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-inner" x="449" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-left" x="489" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-none" x="529" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-outer" x="569" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-right" x="609" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-top" x="649" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-border-vertical" x="689" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-check" x="729" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-down" x="769" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-left" x="809" y="89" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-right" x="49" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-chevron-up" x="89" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-down" x="129" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-left" x="169" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-right" x="209" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-chevrons-up" x="249" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-circle" x="289" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-clipboard" x="329" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-clock" x="369" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-code" x="409" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-cog" x="449" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-heart" x="489" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-map-pin" x="529" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-minus" x="569" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-mood-confuzed" x="609" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-mood-happy" x="649" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-mood-neutral" x="689" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-mood-sad" x="729" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-mood-smile" x="769" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-more-vertical" x="809" y="129" width="24" height="24" />
+ <use xlink:href="#tabler-more" x="49" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-plus" x="89" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-search" x="129" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-square" x="169" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-star" x="209" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-trending-down" x="249" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-trending-up" x="289" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-user-plus" x="329" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-user" x="369" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-x" x="409" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-zoom-in" x="449" y="169" width="24" height="24" />
+ <use xlink:href="#tabler-zoom-out" x="489" y="169" width="24" height="24" />
+
+</svg> \ No newline at end of file
diff --git a/package.json b/package.json
index 6d0ba923..60a66dc0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,6 @@
{
"name": "tabler-icons",
"version": "1.0.0",
- "description": "",
"repository": {
"type": "git",
"url": "git+https://github.com/tabler/tabler-icons.git"
@@ -10,5 +9,15 @@
"license": "MIT",
"bugs": {
"url": "https://github.com/tabler/tabler-icons/issues"
+ },
+ "homepage": "https://github.com/tabler/tabler-icons#readme",
+ "main": "gulpfile.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "description": "",
+ "devDependencies": {
+ "glob": "^7.1.6",
+ "gulp": "^4.0.2"
}
}
diff --git a/readme.md b/readme.md
new file mode 100644
index 00000000..04f57ac4
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,3 @@
+# Tabler icons
+
+![Tabler icons](https://raw.githubusercontent.com/tabler/tabler-icons/master/icons.svg)
diff --git a/style.scss b/style.scss
index 503842b2..68f67ce6 100644
--- a/style.scss
+++ b/style.scss
@@ -250,6 +250,7 @@ Components
position: absolute;
top: ($btn-form-height - 1.25rem) / 2;
right: ($btn-form-height - 1.25rem) / 2;
+ stroke-width: 1.75;
}
&.icon-left {