diff options
-rw-r--r-- | .gitignore | 1 | ||||
-rw-r--r-- | _config.yml | 1 | ||||
-rw-r--r-- | _icons/heart.svg | 5 | ||||
-rw-r--r-- | _icons/map-pin.svg | 6 | ||||
-rw-r--r-- | _icons/user-plus.svg | 8 | ||||
-rw-r--r-- | _icons/user.svg | 6 | ||||
-rw-r--r-- | gulpfile.js | 52 | ||||
-rw-r--r-- | icons.svg | 223 | ||||
-rw-r--r-- | package.json | 11 | ||||
-rw-r--r-- | readme.md | 3 | ||||
-rw-r--r-- | style.scss | 1 |
11 files changed, 316 insertions, 1 deletions
@@ -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) @@ -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 { |