andwati/zitadel
1
0
Fork 0
mirror of https://github.com/andwati/zitadel.git synced 2026-11-03 21:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Merge master (#1373)

Browse Source 
* feat(console): app infos, api apps, fix redirects on create, fix role update, redesign idps, policy, prettier history  (#1310)

* idp fixes

* idp cleanup and rehaul, complexity policy preview

* policy fixes, orthodox redirect

* link component, add links to policies

* redirect pipe, state labels

* Cnsl map changes (#1315)

* map changes to different format

* fix changes layout, cursor

* set asc values

* fix user appearance in changes, index

* changes

* app create with api

* api app create

* auth method for api config

* authmethods, app card for api, authmethod in dev create

* move machine keys to own module

* jwt method for oidc

* fix app edit

* save toast

* fix changes, change det in app detail

* regenerate secret

* chore(deps-dev): bump @angular-devkit/build-angular in /console (#1324)

Bumps [@angular-devkit/build-angular](https://github.com/angular/angular-cli) from 0.1102.0 to 0.1102.1.
- [Release notes](https://github.com/angular/angular-cli/releases)
- [Commits](https://github.com/angular/angular-cli/commits)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix policy backlink

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
(cherry picked from commit 40a7e958d712f83585e25f18f4fff620de5e3269)

* fix: i18n refs, unnecessary logs (#1343)

(cherry picked from commit 2e04c977eba295cab6aa533379f6075d2e27ab42)

* fix: tos link (#1345)

(cherry picked from commit 5333ef10c169e3656e3ca8dfb8edf7f738fa0a26)

* fix: reactivate/deactivate idp, remove idp provider (#1348)

* fix: reactivate/deactivate idp, remove idp provider

* fix build

* fix(console): add jwt to selection, idp deactivate reactivate (#1347)

* fix: log error on idp change

* add jwt to method selection

Co-authored-by: Max Peintner <[email protected]>

(cherry picked from commit c8b9888427f4ea6b513d370f9fed555208594edf)

* fix: reactivate/deactivate idp (#1351)

(cherry picked from commit 54f395e2e05d4adb29321e9597d049800c033b61)

Co-authored-by: Max Peintner <[email protected]>
This commit is contained in:
Fabi
2021-03-01 09:01:34 +01:00
committed by GitHub
co-authored by Max Peintner
parent 3c07a186fc
commit 9f417f3957
113 changed files with 2976 additions and 1327 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/src/assets/i18n/de.json
+79 -47
View File
@@ -99,6 +99,7 @@
},
"ACTIONS": {
"SAVE": "Speichern",
"SAVENOW":"Speichern",
"NEW": "Neu",
"ADD":"Hinzufügen",
"CREATE": "Erstellen",
@@ -833,6 +834,9 @@
"DELETED":"Projekt gelöscht."
}
},
"NEXTSTEPS": {
"TITLE":"Nächste Schritte"
},
"IDP":{
"LIST": {
"TITLE":"Identitäts Provider",
@@ -969,7 +973,6 @@
}
},
"NEXTSTEPS": {
"TITLE":"Nächste Schritte",
"0": {
"TITLE":"Rollen festlegen",
"DESC":"Erfassen Sie Rollen für ihr Projekt"
@@ -986,8 +989,14 @@
},
"NAME": "Name",
"TYPE":"Anwendungstyp",
"AUTHMETHOD":"Authentifizierungsmethode",
"AUTHMETHODSECTION":"Authentifizierungsmethode",
"GRANT":"Berechtigungstypen",
"OIDC": {
"INFO": {
"ISSUER":"Issuer",
"CLIENTID":"Client Id"
},
"CURRENT":"Aktuelle Konfiguration",
"TOKENSECTIONTITLE":"AuthToken Optionen",
"REDIRECTSECTIONTITLE":"Weiterleitungseinstellungen",
@@ -1012,26 +1021,32 @@
"REDIRECT": "Weiterleitungs-URIs",
"REDIRECTSECTION": "Weiterleitungs-URIs",
"POSTLOGOUTREDIRECT":"URIs für Post-Log-out",
"RESPONSE": "Antworttypen",
"RESPONSESECTION": "Antworttypen",
"GRANT": "Berechtigungstypen",
"GRANTSECTION":"Berechtigungstypen",
"GRANTTITLE":"Wähle Deine Berechtigungstypen aus. Hinweis: \"Implizit\" ist nur für browser-basierte Anwendungen verfügbar.",
"APPTYPE": "Anwendungstypen",
"RESPONSE0": "Code",
"RESPONSE1": "ID-Token",
"RESPONSE2": "Token-ID-Token",
"GRANT0": "Authorisation Code",
"GRANT1": "Implicit",
"GRANT2": "Refresh Token",
"APPTYPE0": "Web",
"APPTYPE1": "User Agent",
"APPTYPE2": "Native",
"AUTHMETHOD":"Authentifizierungsmethode",
"AUTHMETHODSECTION":"Authentifizierungsmethode",
"AUTHMETHOD0":"Basic",
"AUTHMETHOD1":"Post",
"AUTHMETHOD2":"None",
"APPTYPE": {
"0": "Web",
"1": "User Agent",
"2": "Native"
},
"RESPONSETYPE": "Antworttypen",
"RESPONSE": {
"0": "Code",
"1": "ID-Token",
"2": "Token-ID-Token"
},
"GRANTTYPE": "Berechtigungstypen",
"GRANT": {
"0": "Authorisation Code",
"1": "Implicit",
"2": "Refresh Token"
},
"AUTHMETHOD": {
"0":"Basic",
"1":"Post",
"2":"None",
"3":"Private Key JWT"
},
"TOKENTYPE":"Auth Token Typ",
"TOKENTYPE0": "Bearer Token",
"TOKENTYPE1": "JWT",
@@ -1054,48 +1069,65 @@
"DESCRIPTION":"Standard Web applications wie .net, PHP, Node.js, Java, etc."
},
"NATIVE": {
"TITLE":"NATIVE",
"TITLE":"Native",
"DESCRIPTION":"Mobile Apps, Desktop, Smart Devices, etc."
},
"USERAGENT": {
"TITLE":"User Agent",
"DESCRIPTION":"Single Page Applications (SPA) und grundsätzlich alle im Browser aufgeführten JS Frameworks"
}
},
"AUTHMETHOD": {
"CODE": {
"TITLE":"Code",
"DESCRIPTION":"Tausche den Authorization Code gegen Tokens ein"
},
"PKCE": {
"TITLE":"PKCE",
"DESCRIPTION":"Nutze einen Zufalls Hash Wert anstelle des Client Secret für mehr Sicherheit"
},
"POST": {
"TITLE":"POST",
"DESCRIPTION":"Sende client_id und client_secret im (HTML) Formular"
},
"PK_JWT": {
"TITLE":"Private Key JWT",
"DESCRIPTION":"Nutze einen Private Key um deine Application zu authentifizieren"
},
"IMPLICIT": {
"TITLE":"Implicit",
"DESCRIPTION":"Erhalte die Token direkt vom authorize Endpoint"
},
"CUSTOM": {
"TITLE":"Custom",
"DESCRIPTION":"Deine Konfiguration entspricht keiner anderen Option."
}
}
}
},
"API": {
"REGENERATESECRET": "Client Secret neu generieren",
"SELECTION":{
"TITLE":"API",
"DESCRIPTION":"APIs im Allgemeinen"
},
"AUTHMETHOD": {
"0":"Basic",
"1":"Private Key JWT"
}
},
"AUTHMETHODS": {
"CODE": {
"TITLE":"Code",
"DESCRIPTION":"Tausche den Authorization Code gegen Tokens ein"
},
"PKCE": {
"TITLE":"PKCE",
"DESCRIPTION":"Nutze einen Zufalls Hash Wert anstelle des Client Secret für mehr Sicherheit"
},
"POST": {
"TITLE":"POST",
"DESCRIPTION":"Sende client_id und client_secret im (HTML) Formular"
},
"PK_JWT": {
"TITLE":"Private Key JWT",
"DESCRIPTION":"Nutze einen Private Key um deine Application zu authentifizieren"
},
"BASIC": {
"TITLE":"Basic",
"DESCRIPTION":"Authentifizierung mittels Nutzername und Passwort"
},
"IMPLICIT": {
"TITLE":"Implicit",
"DESCRIPTION":"Erhalte die Token direkt vom authorize Endpoint"
},
"CUSTOM": {
"TITLE":"Custom",
"DESCRIPTION":"Deine Konfiguration entspricht keiner anderen Option."
}
},
"TOAST": {
"REACTIVATED":"Anwendung reaktiviert.",
"DEACTIVATED":"Anwendung deaktiviert.",
"OIDCUPDATED":"OIDC-Konfiguration geändert.",
"OIDCCLIENTSECRETREGENERATED":"OIDC-Client Secret generiert.",
"DELETED":"App gelöscht."
"UPDATED":"App geändert.",
"CLIENTSECRETREGENERATED":"Client Secret generiert.",
"DELETED":"App gelöscht.",
"CONFIGCHANGED":"Konfigurationsänderung entdeckt."
}
},
"GENDERS": {
console/src/assets/i18n/en.json
+81 -48
View File
@@ -99,6 +99,7 @@
},
"ACTIONS": {
"SAVE": "Save",
"SAVENOW":"Save now",
"NEW": "New",
"ADD":"Add",
"CREATE": "Create",
@@ -589,7 +590,7 @@
},
"LOGIN_POLICY": {
"TITLE":"Login Policy",
"DESCRIPTION":"Define how Users can be authenticated",
"DESCRIPTION":"Define how Users can be authenticated and configure Identity Providers",
"DESCRIPTIONCREATEADMIN":"Users can choose from the available identity providers below.",
"DESCRIPTIONCREATEMGMT":"Users can choose from the available identity providers below. Note: You can use System-set providers as well as providers set for your organisation only.",
"SAVED":"Saved successfully!"
@@ -833,6 +834,9 @@
"DELETED":"Deleted Project."
}
},
"NEXTSTEPS": {
"TITLE":"Next Steps"
},
"IDP":{
"LIST": {
"TITLE":"Identity Providers",
@@ -859,7 +863,7 @@
"1":"active",
"2":"inactive"
},
"MAPPINTFIELD": {
"MAPPINGFIELD": {
"1": "Preferred Username",
"2": "Email"
},
@@ -986,8 +990,14 @@
},
"NAME": "Name",
"TYPE":"Application Type",
"AUTHMETHOD":"Authentication Method",
"AUTHMETHODSECTION":"Authentication Method",
"GRANT":"Grant Types",
"OIDC": {
"INFO": {
"ISSUER":"Issuer",
"CLIENTID":"Client Id"
},
"CURRENT":"Current Config",
"TOKENSECTIONTITLE":"AuthToken Options",
"REDIRECTSECTIONTITLE":"Redirect Settings",
@@ -1012,26 +1022,32 @@
"REDIRECT": "Redirect URIs",
"REDIRECTSECTION": "Redirect URIs",
"POSTLOGOUTREDIRECT":"Post Logout URIs",
"RESPONSE": "Response Types",
"RESPONSESECTION": "Response Types",
"GRANT": "Grant Types",
"GRANTSECTION":"Grant Types",
"GRANTTITLE":"Select your grant types. Note: Implicit is only available for browser-based applications.",
"APPTYPE": "Application Types",
"RESPONSE0": "Code",
"RESPONSE1": "ID Token",
"RESPONSE2": "Token-ID Token",
"GRANT0": "Authorization Code",
"GRANT1": "Implicit",
"GRANT2": "Refresh Token",
"APPTYPE0": "Web",
"APPTYPE1": "User Agent",
"APPTYPE2": "Native",
"AUTHMETHOD":"Authentication Method",
"AUTHMETHODSECTION":"Authentication Method",
"AUTHMETHOD0":"Basic",
"AUTHMETHOD1":"Post",
"AUTHMETHOD2":"None",
"APPTYPE": {
"0": "Web",
"1": "User Agent",
"2": "Native"
},
"RESPONSETYPE": "Response Types",
"RESPONSE": {
"0": "Code",
"1": "ID Token",
"2": "Token-ID Token"
},
"GRANTTYPE": "Grant Types",
"GRANT": {
"0": "Authorization Code",
"1": "Implicit",
"2": "Refresh Token"
},
"AUTHMETHOD": {
"0":"Basic",
"1":"Post",
"2":"None",
"3":"Private Key JWT"
},
"TOKENTYPE":"Auth Token Type",
"TOKENTYPE0": "Bearer Token",
"TOKENTYPE1": "JWT",
@@ -1054,48 +1070,65 @@
"DESCRIPTION":"Regular Web applications like .net, PHP, Node.js, Java, etc."
},
"NATIVE": {
"TITLE":"NATIVE",
"TITLE":"Native",
"DESCRIPTION":"Mobile Apps, Desktop, Smart Devices, etc."
},
"USERAGENT": {
"TITLE":"User Agent",
"DESCRIPTION":"Single Page Applications (SPA) and in general all JS frameworks executed in browsers"
}
},
"AUTHMETHOD": {
"CODE": {
"TITLE":"Code",
"DESCRIPTION":"Exchange the authorization code for the tokens"
},
"PKCE": {
"TITLE":"PKCE",
"DESCRIPTION":"Use a random hash instead of a static client secret for more security"
},
"POST": {
"TITLE":"POST",
"DESCRIPTION":"Send client_id and client_secret as part of the form"
},
"PK_JWT": {
"TITLE":"Private Key JWT",
"DESCRIPTION":"Use a private key to authorize your application"
},
"IMPLICIT": {
"TITLE":"Implicit",
"DESCRIPTION":"Get the tokens directly from the authorization endpoint"
},
"CUSTOM": {
"TITLE":"Custom",
"DESCRIPTION":"Your setting doesn't correspond to any other option."
}
}
}
},
"API": {
"REGENERATESECRET": "Regenerate Client Secret",
"SELECTION":{
"TITLE":"API",
"DESCRIPTION":"APIs in general"
},
"AUTHMETHOD": {
"0":"Basic",
"1":"Private Key JWT"
}
},
"AUTHMETHODS": {
"CODE": {
"TITLE":"Code",
"DESCRIPTION":"Exchange the authorization code for the tokens"
},
"PKCE": {
"TITLE":"PKCE",
"DESCRIPTION":"Use a random hash instead of a static client secret for more security"
},
"POST": {
"TITLE":"POST",
"DESCRIPTION":"Send client_id and client_secret as part of the form"
},
"PK_JWT": {
"TITLE":"Private Key JWT",
"DESCRIPTION":"Use a private key to authorize your application"
},
"BASIC": {
"TITLE":"Basic",
"DESCRIPTION":"Authentication with Username and Passwort"
},
"IMPLICIT": {
"TITLE":"Implicit",
"DESCRIPTION":"Get the tokens directly from the authorization endpoint"
},
"CUSTOM": {
"TITLE":"Custom",
"DESCRIPTION":"Your setting doesn't correspond to any other option."
}
},
"TOAST": {
"REACTIVATED":"Application reactivated.",
"DEACTIVATED":"Application deactivated.",
"OIDCUPDATED":"OIDC configuration updated.",
"OIDCCLIENTSECRETREGENERATED":"OIDC client secret generated.",
"DELETED":"App deleted."
"UPDATED":"App updated.",
"CLIENTSECRETREGENERATED":"client secret generated.",
"DELETED":"App deleted.",
"CONFIGCHANGED":"Changes detected!"
}
},
"GENDERS": {
console/src/assets/images/google.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

console/src/assets/mdi/api.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M7 7H5A2 2 0 0 0 3 9V17H5V13H7V17H9V9A2 2 0 0 0 7 7M7 11H5V9H7M14 7H10V17H12V13H14A2 2 0 0 0 16 11V9A2 2 0 0 0 14 7M14 11H12V9H14M20 9V15H21V17H17V15H18V9H17V7H21V9Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 460 B

console/src/assets/mdi/counter.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H11V6H4M20,18V6H18.76C19,6.54 18.95,7.07 18.95,7.13C18.88,7.8 18.41,8.5 18.24,8.75L15.91,11.3L19.23,11.28L19.24,12.5L14.04,12.47L14,11.47C14,11.47 17.05,8.24 17.2,7.95C17.34,7.67 17.91,6 16.5,6C15.27,6.05 15.41,7.3 15.41,7.3L13.87,7.31C13.87,7.31 13.88,6.65 14.25,6H13V18H15.58L15.57,17.14L16.54,17.13C16.54,17.13 17.45,16.97 17.46,16.08C17.5,15.08 16.65,15.08 16.5,15.08C16.37,15.08 15.43,15.13 15.43,15.95H13.91C13.91,15.95 13.95,13.89 16.5,13.89C19.1,13.89 18.96,15.91 18.96,15.91C18.96,15.91 19,17.16 17.85,17.63L18.37,18H20M8.92,16H7.42V10.2L5.62,10.76V9.53L8.76,8.41H8.92V16Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 957 B

console/src/assets/mdi/format-letter-case-lower.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M22,20V22H14.5V20H22Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

console/src/assets/mdi/format-letter-case-upper.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M2,20H13V22H2V20Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

console/src/assets/mdi/numeric.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M4,17V9H2V7H6V17H4M22,15C22,16.11 21.1,17 20,17H16V15H20V13H18V11H20V9H16V7H20A2,2 0 0,1 22,9V10.5A1.5,1.5 0 0,1 20.5,12A1.5,1.5 0 0,1 22,13.5V15M14,15V17H8V13C8,11.89 8.9,11 10,11H12V9H8V7H12A2,2 0 0,1 14,9V11C14,12.11 13.1,13 12,13H10V15H14Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 538 B

console/src/assets/mdi/symbol.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2 7V14H4V7H2M6 7V9H10V11H8V14H10V13C11.11 13 12 12.11 12 11V9C12 7.89 11.11 7 10 7H6M15.8 7L15.6 9H14V11H15.4L15.2 13H14V15H15L14.8 17H16.8L17 15H18.4L18.2 17H20.2L20.4 15H22V13H20.6L20.8 11H22V9H21L21.2 7H19.2L19 9H17.6L17.8 7H15.8M17.4 11H18.8L18.6 13H17.2L17.4 11M2 15V17H4V15H2M8 15V17H10V15H8Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 594 B