🍱 isp icons (#6)

* 🍱 isp icons

* 🍱 isp icons

* 📦 compile html

* 📦 compile jhtml

ui/html/index.css

@@ -154,7 +154,7 @@ input, button {
 }
 #results table tr td.icon {
   border-left: solid transparent 2rem;
-  width: 5rem;
+  width: 3rem;
 }
 #results table tr td.name small {
   color: #7c889c;
@@ -194,6 +194,10 @@ input, button {
   width: 1.2rem;
 }
 
+.uncolored-svg {
+  filter: invert(0.8);
+}
+
 @keyframes spinner {
   0% {
     transform: rotate(0deg);

ui/html/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA1DO;EA2DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAjFK;;AAkFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA9GO;EA+GP;;AAEF;EACC,OA/GQ;EAgHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OAjIK;;AAkIN;EACC,OAlIK;;AAmIN;EACC,OAvIK;;AAwIP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OAnJK;;AAoJP;EACC;EACA;;AACA;EACC,kBAzJK;EA0JL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;IACC;;EACD;IACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA1DO;EA2DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAjFK;;AAkFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA9GO;EA+GP;;AAEF;EACC,OA/GQ;EAgHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OAjIK;;AAkIN;EACC,OAlIK;;AAmIN;EACC,OAvIK;;AAwIP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OAnJK;;AAoJP;EACC;EACA;;AACA;EACC,kBAzJK;EA0JL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;;;AAED;EACC;IACC;;EACD;IACC","file":"index.css"}

ui/html/index.js

@@ -26,7 +26,7 @@ function dnswatch_search() {
 	request.onload = function() {
 		if (request.status >= 200 && request.status < 400) {
 			var response = JSON.parse(this.response);
-			console.log(response);
+			//console.log(response);
 
 			// TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE
 
@@ -41,7 +41,7 @@ function dnswatch_search() {
 				table += '</td>\n';
 				// provider
 				table += '<td class="icon">\n';
-				table += `<i data-feather="${ response["data"]["reference"]["icon"] }"></i>\n`;
+				table += `<img class="uncolored-svg" src="../svg/${ response["data"]["reference"]["nameserver"] }.svg">\n`;
 				table += '</td>\n'
 				// name and address
 				table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`;
@@ -57,7 +57,7 @@ function dnswatch_search() {
 					table += '<tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
-						console.log(i);
+						//console.log(i);
 						table += '<tr>\n';
 						// status
 						table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`;
@@ -65,7 +65,7 @@ function dnswatch_search() {
 						table += '</td>\n';
 						// provider icon
 						table += '<td class="icon">\n';
-						table += `<i data-feather="${ i["icon"] }"></i>\n`;
+						table += `<img class="uncolored-svg" src="../svg/${ i["nameserver"] }.svg">\n`;
 						table += '</td>\n';
 						// name and address
 						table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;

ui/jhtml-compat/index.css

@@ -155,7 +155,7 @@ input, button {
 }
 #results table tr td.icon {
   border-left: solid transparent 2rem;
-  width: 5rem;
+  width: 3rem;
 }
 #results table tr td.name small {
   color: #7c889c;
@@ -195,6 +195,10 @@ input, button {
   width: 1.2rem;
 }
 
+.uncolored-svg {
+  filter: invert(0.8);
+}
+
 @keyframes spinner {
   0% {
     transform: rotate(0deg);

ui/jhtml-compat/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA1DO;EA2DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAjFK;;AAkFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA9GO;EA+GP;;AAEF;EACC,OA/GQ;EAgHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OAjIK;;AAkIN;EACC,OAlIK;;AAmIN;EACC,OAvIK;;AAwIP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OAnJK;;AAoJP;EACC;EACA;;AACA;EACC,kBAzJK;EA0JL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;IACC;;EACD;IACC","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA1DO;EA2DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAjFK;;AAkFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA9GO;EA+GP;;AAEF;EACC,OA/GQ;EAgHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OAjIK;;AAkIN;EACC,OAlIK;;AAmIN;EACC,OAvIK;;AAwIP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OAnJK;;AAoJP;EACC;EACA;;AACA;EACC,kBAzJK;EA0JL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;;;AAED;EACC;IACC;;EACD;IACC","file":"index.css"}

ui/jhtml-compat/index.js

@@ -27,7 +27,7 @@ function dnswatch_search() {
 	request.onload = function() {
 		if (request.status >= 200 && request.status < 400) {
 			var response = JSON.parse(this.response);
-			console.log(response);
+			//console.log(response);
 
 			// TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE
 
@@ -42,7 +42,7 @@ function dnswatch_search() {
 				table += '</td>\n';
 				// provider
 				table += '<td class="icon">\n';
-				table += `<i data-feather="${ response["data"]["reference"]["icon"] }"></i>\n`;
+				table += `<img class="uncolored-svg" src="../svg/${ response["data"]["reference"]["nameserver"] }.svg">\n`;
 				table += '</td>\n'
 				// name and address
 				table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`;
@@ -58,7 +58,7 @@ function dnswatch_search() {
 					table += '<tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
-						console.log(i);
+						//console.log(i);
 						table += '<tr>\n';
 						// status
 						table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`;
@@ -66,7 +66,7 @@ function dnswatch_search() {
 						table += '</td>\n';
 						// provider icon
 						table += '<td class="icon">\n';
-						table += `<i data-feather="${ i["icon"] }"></i>\n`;
+						table += `<img class="uncolored-svg" src="../svg/${ i["nameserver"] }.svg">\n`;
 						table += '</td>\n';
 						// name and address
 						table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;

ui/raw/index.js

@@ -26,7 +26,7 @@ function dnswatch_search() {
 	request.onload = function() {
 		if (request.status >= 200 && request.status < 400) {
 			var response = JSON.parse(this.response);
-			console.log(response);
+			//console.log(response);
 
 			// TODO: CLEAN UP THIS MESS OF TABLE GENERATION CODE
 
@@ -41,7 +41,7 @@ function dnswatch_search() {
 				table += '</td>\n';
 				// provider
 				table += '<td class="icon">\n';
-				table += `<i data-feather="${ response["data"]["reference"]["icon"] }"></i>\n`;
+				table += `<img class="uncolored-svg" src="../svg/${ response["data"]["reference"]["nameserver"] }.svg">\n`;
 				table += '</td>\n'
 				// name and address
 				table += `<td class="name">${ response["data"]["reference"]["name"] }<small>${ response["data"]["reference"]["address"] }</small></td>\n`;
@@ -57,7 +57,7 @@ function dnswatch_search() {
 					table += '<tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
-						console.log(i);
+						//console.log(i);
 						table += '<tr>\n';
 						// status
 						table += `<td class="status ${ i["matching"] ? "check" : "cross" }">\n`;
@@ -65,7 +65,7 @@ function dnswatch_search() {
 						table += '</td>\n';
 						// provider icon
 						table += '<td class="icon">\n';
-						table += `<i data-feather="${ i["icon"] }"></i>\n`;
+						table += `<img class="uncolored-svg" src="../svg/${ i["nameserver"] }.svg">\n`;
 						table += '</td>\n';
 						// name and address
 						table += `<td class="name">${ i["name"] }<small>${ i["address"] }</small></td>\n`;

ui/raw/index.sass

@@ -138,7 +138,7 @@ input, button
 					color: $c-blue
 			td.icon
 				border-left: solid transparent 2rem
-				width: 5rem
+				width: 3rem
 			td.name small
 				color: darken($c-fg, 30%)
 				margin-left: 1rem
@@ -169,6 +169,9 @@ input, button
 						vertical-align: -.2rem
 						width: 1.2rem
 
+.uncolored-svg
+	filter: invert(.8)
+
 @keyframes spinner
 	0%
 		transform: rotate(0deg)

ui/svg/ccc_berlin.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.22,11A1.48,1.48,0,0,0,4.65,9.7c-1.13,0-1.87.86-1.87,2.38s.75,2.38,1.86,2.38a1.49,1.49,0,0,0,1.58-1.23H7.78a3,3,0,0,1-3.17,2.58c-1.94,0-3.39-1.36-3.39-3.74S2.69,8.34,4.61,8.34A3,3,0,0,1,7.78,11Z"/><path d="M13.74,11A1.48,1.48,0,0,0,12.17,9.7c-1.13,0-1.87.86-1.87,2.38s.76,2.38,1.86,2.38a1.49,1.49,0,0,0,1.58-1.23H15.3a3,3,0,0,1-3.16,2.58c-2,0-3.4-1.36-3.4-3.74s1.47-3.74,3.4-3.74A3,3,0,0,1,15.3,11Z"/><path d="M21.26,11A1.47,1.47,0,0,0,19.69,9.7c-1.12,0-1.86.86-1.86,2.38s.75,2.38,1.85,2.38a1.49,1.49,0,0,0,1.58-1.23h1.56a3,3,0,0,1-3.16,2.58c-1.95,0-3.39-1.36-3.39-3.74s1.46-3.74,3.39-3.74A3,3,0,0,1,22.82,11Z"/></svg>

ui/svg/cloudflare.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.5,14Zm-19,0Zm0,0Zm19,0Zm-19,0Zm19,0Zm-19,0a3.48,3.48,0,0,1,2.71-3.39l.31-.07.07-.31A3.48,3.48,0,0,1,9,7.5a3.51,3.51,0,0,0-3.45,3A3.51,3.51,0,0,0,2.5,14Zm19,0Zm0,0a3.48,3.48,0,0,0-1.71-3A3.46,3.46,0,0,1,21.5,14Zm-3-3.45a2.17,2.17,0,0,0,0-.25l0,.24.18,0Zm-.13-.69a4.51,4.51,0,0,0-4.3-3.34A4.49,4.49,0,0,1,18.35,9.84ZM10.62,7.9l.07,0,.24-.22A4.46,4.46,0,0,1,14,6.5a4.49,4.49,0,0,0-2.8,1,3.44,3.44,0,0,0-.49.45ZM10,7.66A3.57,3.57,0,0,0,9,7.5a3.52,3.52,0,0,1,1,.16ZM9,7.5Zm0,0Zm0,0Zm0,0Zm0,0Zm5.06-1Zm0,0Zm0,0Zm0,0Zm0,0Zm0,0Zm0,0Zm0,0Zm0,0Z"/><path d="M14,6a5,5,0,0,0-3.41,1.34A3.84,3.84,0,0,0,9,7a4,4,0,0,0-3.9,3.1A4,4,0,0,0,6,18H18a4,4,0,0,0,.92-7.89A5,5,0,0,0,14,6ZM10.8,8.61a3.72,3.72,0,0,1,.7-.73A4,4,0,0,1,18,11a3,3,0,0,1,0,6H6a3,3,0,0,1,0-6A3,3,0,0,1,9,8a2.91,2.91,0,0,1,.89.14,2.81,2.81,0,0,1,.91.47Z"/><polygon points="17 11 16 11 16 16 17 16 17 11 17 11"/><rect x="11" y="13" width="8" height="1"/><polygon points="19 13 11 13 11 14 19 14 19 13 19 13"/></svg>

ui/svg/digitalcourage.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon points="3 8 3 16 7 12 3 8"/><path d="M9.57,13.27c0-1.72.95-2.82,2.33-2.82a1.66,1.66,0,0,1,1.58.94h.07V8.71h.84V16h-.81v-.84h-.1a1.68,1.68,0,0,1-1.59,1C10.52,16.1,9.57,15,9.57,13.27Zm4,0c0-1.23-.54-2-1.57-2s-1.59.89-1.59,2S11,15.35,12,15.35,13.57,14.49,13.57,13.26Z"/><path d="M15.65,13.28a2.59,2.59,0,0,1,2.68-2.83,2.23,2.23,0,0,1,2.45,2.09H19.35a1,1,0,0,0-1-.91c-.7,0-1.16.59-1.16,1.63s.46,1.63,1.16,1.63a1,1,0,0,0,1-.91h1.43a2.22,2.22,0,0,1-2.44,2.11A2.57,2.57,0,0,1,15.65,13.28Z"/></svg>

ui/svg/google.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.15,7C9.93,7,8.24,8.72,8.24,11.89s1.68,4.93,4,4.93a3.31,3.31,0,0,0,3.53-3.45H12.53V11.74h5.15v1.49a5.13,5.13,0,0,1-5.45,5.39c-3.55,0-5.95-2.58-5.95-6.72s2.47-6.73,5.86-6.73a5.28,5.28,0,0,1,5.45,4.31h-2A3.38,3.38,0,0,0,12.15,7Z"/></svg>

ui/svg/netaachen.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;}</style></defs><rect class="cls-1" x="7.5" y="6.5" width="1" height="5"/><path d="M8,7V7M9,6H7v6H9V6Z"/><rect class="cls-1" x="9.5" y="12.5" width="1" height="5"/><path d="M10,13v0m1-1H9v6h2V12Z"/><rect class="cls-1" x="11.5" y="6.5" width="1" height="5"/><path d="M12,7V7m1-1H11v6h2V6Z"/><rect class="cls-1" x="13.5" y="12.5" width="1" height="5"/><path d="M14,13v0m1-1H13v6h2V12Z"/><rect class="cls-1" x="15.5" y="6.5" width="1" height="5"/><path d="M16,7V7m1-1H15v6h2V6Z"/></svg>

ui/svg/quad9.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon points="11.36 3.5 11.36 7.71 7.64 5.64 11.36 3.5"/><polygon points="16.36 5.64 12.64 7.71 12.64 3.5 16.36 5.64"/><polygon points="16.91 6.79 16.91 10.79 13.33 8.79 16.91 6.79"/><polygon points="7.09 6.79 10.68 8.79 7.09 10.79 7.09 6.79"/><polygon points="11.36 16.3 11.36 20.5 7.64 18.36 11.36 16.3"/><polygon points="16.36 18.36 12.64 20.5 12.64 16.3 16.36 18.36"/><polygon points="16.91 13.21 16.91 17.2 13.32 15.21 16.91 13.21"/><polygon points="11.36 9.88 11.36 14.12 7.56 12 11.36 9.88"/><polygon points="16.44 12 12.64 14.12 12.64 9.88 16.44 12"/></svg>

ui/svg/telekom_de.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;}</style></defs><polygon class="cls-1" points="8.5 16.5 8.5 7.5 5.5 7.5 5.5 6.5 12.5 6.5 12.5 7.5 9.5 7.5 9.5 16.5 8.5 16.5"/><path d="M9,7V7m4-1H5V8H8v9h2V8h3V6Z"/><circle class="cls-1" cx="4" cy="12" r="0.5"/><path d="M4,11a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"/><circle class="cls-1" cx="14" cy="12" r="0.5"/><path d="M14,11a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"/><circle class="cls-1" cx="17" cy="12" r="0.5"/><path d="M17,11a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"/><circle class="cls-1" cx="20" cy="12" r="0.5"/><path d="M20,11a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"/></svg>

ui/svg/uncensoreddns.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;}</style></defs><polygon points="12 11 11 11 11 20 12 20 12 11 12 11"/><path class="cls-1" d="M10.5,19.5s-4,0-4-4C6.5,15.5,10.5,15.5,10.5,19.5Z"/><path class="cls-1" d="M16.5,15.5s0,4-4,4C12.5,19.5,12.5,15.5,16.5,15.5Z"/><circle class="cls-1" cx="11.5" cy="7.5" r="4"/><line class="cls-1" x1="9.5" y1="9.5" x2="13.5" y2="5.5"/></svg>

ui/svg/vodafone_de.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#e20000;}.cls-2{fill:#2cff00;opacity:0.5;}</style></defs><path d="M12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Zm4,8.46a2.36,2.36,0,0,1-.08.45s0,0,0,0a2,2,0,0,1-.09.33,2.33,2.33,0,0,1-.11.28,1.89,1.89,0,0,1-.11.25,1.09,1.09,0,0,1-.08.15,1.61,1.61,0,0,1-.17.28l-.23.31a3.58,3.58,0,0,1-.26.29l-.29.26-.31.23a1.94,1.94,0,0,1-.33.2,3.36,3.36,0,0,1-.71.3l-.33.09-.12,0-.32.05h0L12,16h-.51l-.2,0-.19,0,0,0h-.14l-.15,0-.22-.08-.12-.05a1.87,1.87,0,0,1-.32-.15,2.63,2.63,0,0,1-.33-.2,3.86,3.86,0,0,1-1.09-1.09,1.94,1.94,0,0,1-.2-.33,3.36,3.36,0,0,1-.3-.71c0-.11-.06-.22-.08-.33A3.25,3.25,0,0,1,8,12.41c0-.14,0-.27,0-.41s0-.27,0-.41a8,8,0,0,1,5.91-7.32,3.88,3.88,0,0,0-.22.46A7.74,7.74,0,0,0,13,8v.13l.07,0a3.75,3.75,0,0,1,.47.17h0a3.74,3.74,0,0,1,.45.22h0c.14.08.28.18.42.28a4.36,4.36,0,0,1,.4.35,1.93,1.93,0,0,1,.27.3,3.43,3.43,0,0,1,.24.33,2.33,2.33,0,0,1,.2.34,2.09,2.09,0,0,1,.14.3c.05.11.09.22.13.33A4,4,0,0,1,16,12,3.44,3.44,0,0,1,16,12.46Z"/><path class="cls-1" d="M14,4.24l0,0,.07,0Z"/><path class="cls-2" d="M9.17,14.83a3,3,0,0,1-.49-.6A4.13,4.13,0,0,0,9.17,14.83Z"/><path class="cls-2" d="M9.77,15.32a3.33,3.33,0,0,1-.6-.48h0A4.13,4.13,0,0,0,9.77,15.32Z"/><path class="cls-2" d="M12,16a3.24,3.24,0,0,0,.44,0L12,16Z"/><path class="cls-2" d="M10.1,15.52a4,4,0,0,0,1.38.44A3.78,3.78,0,0,1,10.1,15.52Z"/><path class="cls-2" d="M11.51,16,12,16A3.25,3.25,0,0,1,11.51,16Z"/><path class="cls-2" d="M11.48,16h0Z"/><path class="cls-2" d="M13.19,15.82l-.11,0-.22.05Z"/><path class="cls-2" d="M14.83,14.83h0a2.26,2.26,0,0,1-.29.25Z"/><path class="cls-2" d="M14,4.25l-.07,0,0,0Z"/></svg>