diff --git a/README.md b/README.md
index 1d54eee..8e30182 100644
--- a/README.md
+++ b/README.md
@@ -84,6 +84,7 @@ As for how to create a badge and add it to the collection? There are some steps
 - [![gulp](./src/gulp.svg)](https://badges.aleen42.com/src/gulp.svg) A badge used for projects using Gulp to build
 - [![angular](./src/angular.svg)](https://badges.aleen42.com/src/angular.svg) A badge used for repositories which has used the framework, Angular
 - [![postcss](./src/postcss.svg)](https://badges.aleen42.com/src/postcss.svg) A badge used for projects using [PostCSS](https://github.com/postcss/postcss)
+- [![svelte](./src/svelte.svg)](https://badges.aleen42.com/src/svelte.svg) A badge used for repositories that using [Svelte](https://github.com/sveltejs/svelte)
 - [![gitlab](./src/gitlab.svg)](https://badges.aleen42.com/src/gitlab.svg) A badge used for Gitlab repositories
 - [![mocha](./src/mocha.svg)](https://badges.aleen42.com/src/mocha.svg) A badge used for projects using Mocha for unit tests
 - [![bower](./src/bower.svg)](https://badges.aleen42.com/src/bower.svg) A badge used for bower packages
diff --git a/README_dfc.md b/README_dfc.md
index 8275105..9182fdc 100644
--- a/README_dfc.md
+++ b/README_dfc.md
@@ -84,6 +84,7 @@ As for how to create a badge and add it to the collection? There are some steps
 - [![gulp](./src/gulp_dfc.svg)](https://badges.aleen42.com/src/gulp_dfc.svg) A badge used for projects using Gulp to build
 - [![angular](./src/angular_dfc.svg)](https://badges.aleen42.com/src/angular_dfc.svg) A badge used for repositories which has used the framework, Angular
 - [![postcss](./src/postcss_dfc.svg)](https://badges.aleen42.com/src/postcss_dfc.svg) A badge used for projects using [PostCSS](https://github.com/postcss/postcss)
+- [![svelte](./src/svelte_dfc.svg)](https://badges.aleen42.com/src/svelte_dfc.svg) A badge used for repositories that using [Svelte](https://github.com/sveltejs/svelte)
 - [![gitlab](./src/gitlab_dfc.svg)](https://badges.aleen42.com/src/gitlab_dfc.svg) A badge used for Gitlab repositories
 - [![mocha](./src/mocha_dfc.svg)](https://badges.aleen42.com/src/mocha_dfc.svg) A badge used for projects using Mocha for unit tests
 - [![bower](./src/bower_dfc.svg)](https://badges.aleen42.com/src/bower_dfc.svg) A badge used for bower packages
diff --git a/README_flat_square.md b/README_flat_square.md
index 9d6e2a4..45e60e1 100644
--- a/README_flat_square.md
+++ b/README_flat_square.md
@@ -84,6 +84,7 @@ As for how to create a badge and add it to the collection? There are some steps
 - [![gulp](./src/gulp_flat_square.svg)](https://badges.aleen42.com/src/gulp_flat_square.svg) A badge used for projects using Gulp to build
 - [![angular](./src/angular_flat_square.svg)](https://badges.aleen42.com/src/angular_flat_square.svg) A badge used for repositories which has used the framework, Angular
 - [![postcss](./src/postcss_flat_square.svg)](https://badges.aleen42.com/src/postcss_flat_square.svg) A badge used for projects using [PostCSS](https://github.com/postcss/postcss)
+- [![svelte](./src/svelte_flat_square.svg)](https://badges.aleen42.com/src/svelte_flat_square.svg) A badge used for repositories that using [Svelte](https://github.com/sveltejs/svelte)
 - [![gitlab](./src/gitlab_flat_square.svg)](https://badges.aleen42.com/src/gitlab_flat_square.svg) A badge used for Gitlab repositories
 - [![mocha](./src/mocha_flat_square.svg)](https://badges.aleen42.com/src/mocha_flat_square.svg) A badge used for projects using Mocha for unit tests
 - [![bower](./src/bower_flat_square.svg)](https://badges.aleen42.com/src/bower_flat_square.svg) A badge used for bower packages
diff --git a/README_flat_square_dfc.md b/README_flat_square_dfc.md
index 6ebd890..761a4cf 100644
--- a/README_flat_square_dfc.md
+++ b/README_flat_square_dfc.md
@@ -84,6 +84,7 @@ As for how to create a badge and add it to the collection? There are some steps
 - [![gulp](./src/gulp_flat_square_dfc.svg)](https://badges.aleen42.com/src/gulp_flat_square_dfc.svg) A badge used for projects using Gulp to build
 - [![angular](./src/angular_flat_square_dfc.svg)](https://badges.aleen42.com/src/angular_flat_square_dfc.svg) A badge used for repositories which has used the framework, Angular
 - [![postcss](./src/postcss_flat_square_dfc.svg)](https://badges.aleen42.com/src/postcss_flat_square_dfc.svg) A badge used for projects using [PostCSS](https://github.com/postcss/postcss)
+- [![svelte](./src/svelte_flat_square_dfc.svg)](https://badges.aleen42.com/src/svelte_flat_square_dfc.svg) A badge used for repositories that using [Svelte](https://github.com/sveltejs/svelte)
 - [![gitlab](./src/gitlab_flat_square_dfc.svg)](https://badges.aleen42.com/src/gitlab_flat_square_dfc.svg) A badge used for Gitlab repositories
 - [![mocha](./src/mocha_flat_square_dfc.svg)](https://badges.aleen42.com/src/mocha_flat_square_dfc.svg) A badge used for projects using Mocha for unit tests
 - [![bower](./src/bower_flat_square_dfc.svg)](https://badges.aleen42.com/src/bower_flat_square_dfc.svg) A badge used for bower packages
diff --git a/dist/svelte.svg b/dist/svelte.svg
new file mode 100644
index 0000000..4bf2796
--- /dev/null
+++ b/dist/svelte.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 98.1 118" style="enable-background:new 0 0 98.1 118;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF3E00;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M91.8,15.6C80.9-0.1,59.2-4.7,43.6,5.2L16.1,22.8C8.6,27.5,3.4,35.2,1.9,43.9c-1.3,7.3-0.2,14.8,3.3,21.3
+	c-2.4,3.6-4,7.6-4.7,11.8c-1.6,8.9,0.5,18.1,5.7,25.4c11,15.7,32.6,20.3,48.2,10.4l27.5-17.5c7.5-4.7,12.7-12.4,14.2-21.1
+	c1.3-7.3,0.2-14.8-3.3-21.3c2.4-3.6,4-7.6,4.7-11.8C99.2,32.1,97.1,22.9,91.8,15.6"/>
+<path class="st1" d="M40.9,103.9c-8.9,2.3-18.2-1.2-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3c0.2-0.9,0.4-1.7,0.6-2.6l0.5-1.6l1.4,1
+	c3.3,2.4,6.9,4.2,10.8,5.4l1,0.3l-0.1,1c-0.1,1.4,0.3,2.9,1.1,4.1c1.6,2.3,4.4,3.4,7.1,2.7c0.6-0.2,1.2-0.4,1.7-0.7L65.5,72
+	c1.4-0.9,2.3-2.2,2.6-3.8c0.3-1.6-0.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7l-10.5,6.7
+	c-1.7,1.1-3.6,1.9-5.6,2.4c-8.9,2.3-18.2-1.2-23.4-8.7c-3.1-4.4-4.4-9.9-3.4-15.3c0.9-5.2,4.1-9.9,8.6-12.7l27.5-17.5
+	c1.7-1.1,3.6-1.9,5.6-2.5c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.2,0.9-0.4,1.7-0.7,2.6l-0.5,1.6l-1.4-1
+	c-3.3-2.4-6.9-4.2-10.8-5.4l-1-0.3l0.1-1c0.1-1.4-0.3-2.9-1.1-4.1c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7L32.4,46.1
+	c-1.4,0.9-2.3,2.2-2.6,3.8s0.1,3.3,1,4.6c1.6,2.3,4.4,3.3,7.1,2.6c0.6-0.2,1.2-0.4,1.7-0.7l10.5-6.7c1.7-1.1,3.6-1.9,5.6-2.5
+	c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.9,5.2-4.1,9.9-8.6,12.7l-27.5,17.5C44.8,102.5,42.9,103.3,40.9,103.9"/>
+</svg>
diff --git a/package.json b/package.json
index 91c8aaf..1d81391 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
   "homepage": "https://github.com/aleen42/badges#readme",
   "dependencies": {
     "@ctrl/tinycolor": "3.1.4",
-    "canvas": "2.7.0",
+    "canvas": "2.11.2",
     "node-getopt": "npm:@aleen42/node-getopt"
   },
   "devDependencies": {
diff --git a/script/data.js b/script/data.js
index 26ca89b..2c8bbe9 100644
--- a/script/data.js
+++ b/script/data.js
@@ -15,7 +15,7 @@
  *      - Author: aleen42
  *      - Description: data for building badges
  *      - Create Time: Apr 20th, 2017
- *      - Update Time: Oct 19th, 2022
+ *      - Update Time: Nov 10th, 2023
  *
  *
  **********************************************************************/
@@ -42,6 +42,7 @@ module.exports = [
             'Gulp': { fileName: 'gulp.svg', color: '#D34A47', description: 'A badge used for projects using Gulp to build' },
             'Angular': { fileName: 'angular.svg', color: '#DD1B16', description: 'A badge used for repositories which has used the framework, Angular' },
             'PostCSS': { fileName: 'postcss.svg', color: '#DD3A0A', description: 'A badge used for projects using [PostCSS](https://github.com/postcss/postcss)' },
+            'Svelte': { fileName: 'svelte.svg', color: '#ff3e00', description: 'A badge used for repositories that using [Svelte](https://github.com/sveltejs/svelte)' },
             'Gitlab': { fileName: 'gitlab.svg', color: '#FC6D26', description: 'A badge used for Gitlab repositories' },
             'Mocha': { fileName: 'mocha.svg', color: '#8D6748', description: 'A badge used for projects using Mocha for unit tests' },
             'Bower': { fileName: 'bower.svg', color: '#F68A31', description: 'A badge used for bower packages' },
diff --git a/src/svelte.svg b/src/svelte.svg
new file mode 100644
index 0000000..bb0599d
--- /dev/null
+++ b/src/svelte.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72.341796875" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+
+    <clipPath id="a">
+        <rect width="72.341796875" height="20" rx="3" fill="#fff"/>
+    </clipPath>
+
+    <g clip-path="url(#a)">
+        <path fill="#555" d="M0 0h25v20H0z"/>
+        <path fill="#ff3e00" d="M25 0h47.341796875v20H25z"/>
+        <path fill="url(#b)" d="M0 0h72.341796875v20H0z"/>
+    </g>
+    <g fill="#fff"
+        text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="12">
+        <image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OC4xIDExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTguMSAxMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYzRTAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjgsMTUuNkM4MC45LTAuMSw1OS4yLTQuNyw0My42LDUuMkwxNi4xLDIyLjhDOC42LDI3LjUsMy40LDM1LjIsMS45LDQzLjljLTEuMyw3LjMtMC4yLDE0LjgsMy4zLDIxLjMKCWMtMi40LDMuNi00LDcuNi00LjcsMTEuOGMtMS42LDguOSwwLjUsMTguMSw1LjcsMjUuNGMxMSwxNS43LDMyLjYsMjAuMyw0OC4yLDEwLjRsMjcuNS0xNy41YzcuNS00LjcsMTIuNy0xMi40LDE0LjItMjEuMQoJYzEuMy03LjMsMC4yLTE0LjgtMy4zLTIxLjNjMi40LTMuNiw0LTcuNiw0LjctMTEuOEM5OS4yLDMyLjEsOTcuMSwyMi45LDkxLjgsMTUuNiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDAuOSwxMDMuOWMtOC45LDIuMy0xOC4yLTEuMi0yMy40LTguN2MtMy4yLTQuNC00LjQtOS45LTMuNS0xNS4zYzAuMi0wLjksMC40LTEuNywwLjYtMi42bDAuNS0xLjZsMS40LDEKCWMzLjMsMi40LDYuOSw0LjIsMTAuOCw1LjRsMSwwLjNsLTAuMSwxYy0wLjEsMS40LDAuMywyLjksMS4xLDQuMWMxLjYsMi4zLDQuNCwzLjQsNy4xLDIuN2MwLjYtMC4yLDEuMi0wLjQsMS43LTAuN0w2NS41LDcyCgljMS40LTAuOSwyLjMtMi4yLDIuNi0zLjhjMC4zLTEuNi0wLjEtMy4zLTEtNC42Yy0xLjYtMi4zLTQuNC0zLjMtNy4xLTIuNmMtMC42LDAuMi0xLjIsMC40LTEuNywwLjdsLTEwLjUsNi43CgljLTEuNywxLjEtMy42LDEuOS01LjYsMi40Yy04LjksMi4zLTE4LjItMS4yLTIzLjQtOC43Yy0zLjEtNC40LTQuNC05LjktMy40LTE1LjNjMC45LTUuMiw0LjEtOS45LDguNi0xMi43bDI3LjUtMTcuNQoJYzEuNy0xLjEsMy42LTEuOSw1LjYtMi41YzguOS0yLjMsMTguMiwxLjIsMjMuNCw4LjdjMy4yLDQuNCw0LjQsOS45LDMuNSwxNS4zYy0wLjIsMC45LTAuNCwxLjctMC43LDIuNmwtMC41LDEuNmwtMS40LTEKCWMtMy4zLTIuNC02LjktNC4yLTEwLjgtNS40bC0xLTAuM2wwLjEtMWMwLjEtMS40LTAuMy0yLjktMS4xLTQuMWMtMS42LTIuMy00LjQtMy4zLTcuMS0yLjZjLTAuNiwwLjItMS4yLDAuNC0xLjcsMC43TDMyLjQsNDYuMQoJYy0xLjQsMC45LTIuMywyLjItMi42LDMuOHMwLjEsMy4zLDEsNC42YzEuNiwyLjMsNC40LDMuMyw3LjEsMi42YzAuNi0wLjIsMS4yLTAuNCwxLjctMC43bDEwLjUtNi43YzEuNy0xLjEsMy42LTEuOSw1LjYtMi41CgljOC45LTIuMywxOC4yLDEuMiwyMy40LDguN2MzLjIsNC40LDQuNCw5LjksMy41LDE1LjNjLTAuOSw1LjItNC4xLDkuOS04LjYsMTIuN2wtMjcuNSwxNy41QzQ0LjgsMTAyLjUsNDIuOSwxMDMuMyw0MC45LDEwMy45Ii8+Cjwvc3ZnPgo="/>
+        <text x="47.6708984375" y="14.6" fill="#010101" fill-opacity=".3">Svelte</text>
+        <text x="47.6708984375" y="14">Svelte</text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svelte_dfc.svg b/src/svelte_dfc.svg
new file mode 100644
index 0000000..bb0599d
--- /dev/null
+++ b/src/svelte_dfc.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72.341796875" height="20">
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+
+    <clipPath id="a">
+        <rect width="72.341796875" height="20" rx="3" fill="#fff"/>
+    </clipPath>
+
+    <g clip-path="url(#a)">
+        <path fill="#555" d="M0 0h25v20H0z"/>
+        <path fill="#ff3e00" d="M25 0h47.341796875v20H25z"/>
+        <path fill="url(#b)" d="M0 0h72.341796875v20H0z"/>
+    </g>
+    <g fill="#fff"
+        text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="12">
+        <image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OC4xIDExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTguMSAxMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYzRTAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjgsMTUuNkM4MC45LTAuMSw1OS4yLTQuNyw0My42LDUuMkwxNi4xLDIyLjhDOC42LDI3LjUsMy40LDM1LjIsMS45LDQzLjljLTEuMyw3LjMtMC4yLDE0LjgsMy4zLDIxLjMKCWMtMi40LDMuNi00LDcuNi00LjcsMTEuOGMtMS42LDguOSwwLjUsMTguMSw1LjcsMjUuNGMxMSwxNS43LDMyLjYsMjAuMyw0OC4yLDEwLjRsMjcuNS0xNy41YzcuNS00LjcsMTIuNy0xMi40LDE0LjItMjEuMQoJYzEuMy03LjMsMC4yLTE0LjgtMy4zLTIxLjNjMi40LTMuNiw0LTcuNiw0LjctMTEuOEM5OS4yLDMyLjEsOTcuMSwyMi45LDkxLjgsMTUuNiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDAuOSwxMDMuOWMtOC45LDIuMy0xOC4yLTEuMi0yMy40LTguN2MtMy4yLTQuNC00LjQtOS45LTMuNS0xNS4zYzAuMi0wLjksMC40LTEuNywwLjYtMi42bDAuNS0xLjZsMS40LDEKCWMzLjMsMi40LDYuOSw0LjIsMTAuOCw1LjRsMSwwLjNsLTAuMSwxYy0wLjEsMS40LDAuMywyLjksMS4xLDQuMWMxLjYsMi4zLDQuNCwzLjQsNy4xLDIuN2MwLjYtMC4yLDEuMi0wLjQsMS43LTAuN0w2NS41LDcyCgljMS40LTAuOSwyLjMtMi4yLDIuNi0zLjhjMC4zLTEuNi0wLjEtMy4zLTEtNC42Yy0xLjYtMi4zLTQuNC0zLjMtNy4xLTIuNmMtMC42LDAuMi0xLjIsMC40LTEuNywwLjdsLTEwLjUsNi43CgljLTEuNywxLjEtMy42LDEuOS01LjYsMi40Yy04LjksMi4zLTE4LjItMS4yLTIzLjQtOC43Yy0zLjEtNC40LTQuNC05LjktMy40LTE1LjNjMC45LTUuMiw0LjEtOS45LDguNi0xMi43bDI3LjUtMTcuNQoJYzEuNy0xLjEsMy42LTEuOSw1LjYtMi41YzguOS0yLjMsMTguMiwxLjIsMjMuNCw4LjdjMy4yLDQuNCw0LjQsOS45LDMuNSwxNS4zYy0wLjIsMC45LTAuNCwxLjctMC43LDIuNmwtMC41LDEuNmwtMS40LTEKCWMtMy4zLTIuNC02LjktNC4yLTEwLjgtNS40bC0xLTAuM2wwLjEtMWMwLjEtMS40LTAuMy0yLjktMS4xLTQuMWMtMS42LTIuMy00LjQtMy4zLTcuMS0yLjZjLTAuNiwwLjItMS4yLDAuNC0xLjcsMC43TDMyLjQsNDYuMQoJYy0xLjQsMC45LTIuMywyLjItMi42LDMuOHMwLjEsMy4zLDEsNC42YzEuNiwyLjMsNC40LDMuMyw3LjEsMi42YzAuNi0wLjIsMS4yLTAuNCwxLjctMC43bDEwLjUtNi43YzEuNy0xLjEsMy42LTEuOSw1LjYtMi41CgljOC45LTIuMywxOC4yLDEuMiwyMy40LDguN2MzLjIsNC40LDQuNCw5LjksMy41LDE1LjNjLTAuOSw1LjItNC4xLDkuOS04LjYsMTIuN2wtMjcuNSwxNy41QzQ0LjgsMTAyLjUsNDIuOSwxMDMuMyw0MC45LDEwMy45Ii8+Cjwvc3ZnPgo="/>
+        <text x="47.6708984375" y="14.6" fill="#010101" fill-opacity=".3">Svelte</text>
+        <text x="47.6708984375" y="14">Svelte</text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svelte_flat_square.svg b/src/svelte_flat_square.svg
new file mode 100644
index 0000000..18b7a71
--- /dev/null
+++ b/src/svelte_flat_square.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72.341796875" height="20">
+    <g shape-rendering="crispEdges">
+        <path fill="#555" d="M0 0h25v20H0z"/>
+        <path fill="#ff3e00" d="M25 0h47.341796875v20H25z"/>
+    </g>
+    <g fill="#fff"
+        text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="12">
+        <image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OC4xIDExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTguMSAxMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYzRTAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjgsMTUuNkM4MC45LTAuMSw1OS4yLTQuNyw0My42LDUuMkwxNi4xLDIyLjhDOC42LDI3LjUsMy40LDM1LjIsMS45LDQzLjljLTEuMyw3LjMtMC4yLDE0LjgsMy4zLDIxLjMKCWMtMi40LDMuNi00LDcuNi00LjcsMTEuOGMtMS42LDguOSwwLjUsMTguMSw1LjcsMjUuNGMxMSwxNS43LDMyLjYsMjAuMyw0OC4yLDEwLjRsMjcuNS0xNy41YzcuNS00LjcsMTIuNy0xMi40LDE0LjItMjEuMQoJYzEuMy03LjMsMC4yLTE0LjgtMy4zLTIxLjNjMi40LTMuNiw0LTcuNiw0LjctMTEuOEM5OS4yLDMyLjEsOTcuMSwyMi45LDkxLjgsMTUuNiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDAuOSwxMDMuOWMtOC45LDIuMy0xOC4yLTEuMi0yMy40LTguN2MtMy4yLTQuNC00LjQtOS45LTMuNS0xNS4zYzAuMi0wLjksMC40LTEuNywwLjYtMi42bDAuNS0xLjZsMS40LDEKCWMzLjMsMi40LDYuOSw0LjIsMTAuOCw1LjRsMSwwLjNsLTAuMSwxYy0wLjEsMS40LDAuMywyLjksMS4xLDQuMWMxLjYsMi4zLDQuNCwzLjQsNy4xLDIuN2MwLjYtMC4yLDEuMi0wLjQsMS43LTAuN0w2NS41LDcyCgljMS40LTAuOSwyLjMtMi4yLDIuNi0zLjhjMC4zLTEuNi0wLjEtMy4zLTEtNC42Yy0xLjYtMi4zLTQuNC0zLjMtNy4xLTIuNmMtMC42LDAuMi0xLjIsMC40LTEuNywwLjdsLTEwLjUsNi43CgljLTEuNywxLjEtMy42LDEuOS01LjYsMi40Yy04LjksMi4zLTE4LjItMS4yLTIzLjQtOC43Yy0zLjEtNC40LTQuNC05LjktMy40LTE1LjNjMC45LTUuMiw0LjEtOS45LDguNi0xMi43bDI3LjUtMTcuNQoJYzEuNy0xLjEsMy42LTEuOSw1LjYtMi41YzguOS0yLjMsMTguMiwxLjIsMjMuNCw4LjdjMy4yLDQuNCw0LjQsOS45LDMuNSwxNS4zYy0wLjIsMC45LTAuNCwxLjctMC43LDIuNmwtMC41LDEuNmwtMS40LTEKCWMtMy4zLTIuNC02LjktNC4yLTEwLjgtNS40bC0xLTAuM2wwLjEtMWMwLjEtMS40LTAuMy0yLjktMS4xLTQuMWMtMS42LTIuMy00LjQtMy4zLTcuMS0yLjZjLTAuNiwwLjItMS4yLDAuNC0xLjcsMC43TDMyLjQsNDYuMQoJYy0xLjQsMC45LTIuMywyLjItMi42LDMuOHMwLjEsMy4zLDEsNC42YzEuNiwyLjMsNC40LDMuMyw3LjEsMi42YzAuNi0wLjIsMS4yLTAuNCwxLjctMC43bDEwLjUtNi43YzEuNy0xLjEsMy42LTEuOSw1LjYtMi41CgljOC45LTIuMywxOC4yLDEuMiwyMy40LDguN2MzLjIsNC40LDQuNCw5LjksMy41LDE1LjNjLTAuOSw1LjItNC4xLDkuOS04LjYsMTIuN2wtMjcuNSwxNy41QzQ0LjgsMTAyLjUsNDIuOSwxMDMuMyw0MC45LDEwMy45Ii8+Cjwvc3ZnPgo="/>
+        <text x="47.6708984375" y="14">Svelte</text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/svelte_flat_square_dfc.svg b/src/svelte_flat_square_dfc.svg
new file mode 100644
index 0000000..18b7a71
--- /dev/null
+++ b/src/svelte_flat_square_dfc.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72.341796875" height="20">
+    <g shape-rendering="crispEdges">
+        <path fill="#555" d="M0 0h25v20H0z"/>
+        <path fill="#ff3e00" d="M25 0h47.341796875v20H25z"/>
+    </g>
+    <g fill="#fff"
+        text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="12">
+        <image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OC4xIDExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTguMSAxMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYzRTAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjgsMTUuNkM4MC45LTAuMSw1OS4yLTQuNyw0My42LDUuMkwxNi4xLDIyLjhDOC42LDI3LjUsMy40LDM1LjIsMS45LDQzLjljLTEuMyw3LjMtMC4yLDE0LjgsMy4zLDIxLjMKCWMtMi40LDMuNi00LDcuNi00LjcsMTEuOGMtMS42LDguOSwwLjUsMTguMSw1LjcsMjUuNGMxMSwxNS43LDMyLjYsMjAuMyw0OC4yLDEwLjRsMjcuNS0xNy41YzcuNS00LjcsMTIuNy0xMi40LDE0LjItMjEuMQoJYzEuMy03LjMsMC4yLTE0LjgtMy4zLTIxLjNjMi40LTMuNiw0LTcuNiw0LjctMTEuOEM5OS4yLDMyLjEsOTcuMSwyMi45LDkxLjgsMTUuNiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDAuOSwxMDMuOWMtOC45LDIuMy0xOC4yLTEuMi0yMy40LTguN2MtMy4yLTQuNC00LjQtOS45LTMuNS0xNS4zYzAuMi0wLjksMC40LTEuNywwLjYtMi42bDAuNS0xLjZsMS40LDEKCWMzLjMsMi40LDYuOSw0LjIsMTAuOCw1LjRsMSwwLjNsLTAuMSwxYy0wLjEsMS40LDAuMywyLjksMS4xLDQuMWMxLjYsMi4zLDQuNCwzLjQsNy4xLDIuN2MwLjYtMC4yLDEuMi0wLjQsMS43LTAuN0w2NS41LDcyCgljMS40LTAuOSwyLjMtMi4yLDIuNi0zLjhjMC4zLTEuNi0wLjEtMy4zLTEtNC42Yy0xLjYtMi4zLTQuNC0zLjMtNy4xLTIuNmMtMC42LDAuMi0xLjIsMC40LTEuNywwLjdsLTEwLjUsNi43CgljLTEuNywxLjEtMy42LDEuOS01LjYsMi40Yy04LjksMi4zLTE4LjItMS4yLTIzLjQtOC43Yy0zLjEtNC40LTQuNC05LjktMy40LTE1LjNjMC45LTUuMiw0LjEtOS45LDguNi0xMi43bDI3LjUtMTcuNQoJYzEuNy0xLjEsMy42LTEuOSw1LjYtMi41YzguOS0yLjMsMTguMiwxLjIsMjMuNCw4LjdjMy4yLDQuNCw0LjQsOS45LDMuNSwxNS4zYy0wLjIsMC45LTAuNCwxLjctMC43LDIuNmwtMC41LDEuNmwtMS40LTEKCWMtMy4zLTIuNC02LjktNC4yLTEwLjgtNS40bC0xLTAuM2wwLjEtMWMwLjEtMS40LTAuMy0yLjktMS4xLTQuMWMtMS42LTIuMy00LjQtMy4zLTcuMS0yLjZjLTAuNiwwLjItMS4yLDAuNC0xLjcsMC43TDMyLjQsNDYuMQoJYy0xLjQsMC45LTIuMywyLjItMi42LDMuOHMwLjEsMy4zLDEsNC42YzEuNiwyLjMsNC40LDMuMyw3LjEsMi42YzAuNi0wLjIsMS4yLTAuNCwxLjctMC43bDEwLjUtNi43YzEuNy0xLjEsMy42LTEuOSw1LjYtMi41CgljOC45LTIuMywxOC4yLDEuMiwyMy40LDguN2MzLjIsNC40LDQuNCw5LjksMy41LDE1LjNjLTAuOSw1LjItNC4xLDkuOS04LjYsMTIuN2wtMjcuNSwxNy41QzQ0LjgsMTAyLjUsNDIuOSwxMDMuMyw0MC45LDEwMy45Ii8+Cjwvc3ZnPgo="/>
+        <text x="47.6708984375" y="14">Svelte</text>
+    </g>
+</svg>
\ No newline at end of file