From 7f1743a2db038f494e8012fcbd71ca108a6da574 Mon Sep 17 00:00:00 2001
From: Bjorn Lammers <bjorn@lammers.media>
Date: Sun, 20 Oct 2024 20:33:11 +0200
Subject: [PATCH] :construction_worker: Adds SVG & WEBP compression

---
 .github/workflows/compress_icons.yml |  8 +--
 svg/3cx-light.svg                    | 60 ++++++++++++++++++++++
 svg/3cx.svg                          | 75 ++++++++++++++++++++++++++++
 3 files changed, 139 insertions(+), 4 deletions(-)
 create mode 100644 svg/3cx-light.svg
 create mode 100644 svg/3cx.svg

diff --git a/.github/workflows/compress_icons.yml b/.github/workflows/compress_icons.yml
index fe8f3f25..a2b1207a 100644
--- a/.github/workflows/compress_icons.yml
+++ b/.github/workflows/compress_icons.yml
@@ -20,7 +20,7 @@ jobs:
       - name: Install Dependencies
         run: |
           sudo apt-get update
-          sudo apt-get install -y zopfli webp
+          sudo apt-get install -y zopfli webp npm
           npm install -g svgo
 
       - name: Compress PNG Files
@@ -31,18 +31,18 @@ jobs:
       - name: Compress SVG Files
         run: |
           echo "Compressing SVGs..."
-          svgo -r -f svg/
+          svgo --config=svgo.config.js -f svg/
 
       - name: Compress WEBP Files
         run: |
           echo "Compressing WEBPs..."
-          find webp/ -iname "*.webp" -print0 | xargs -0 -P 4 -I{} bash -c 'cwebp -quiet -q 80 "$1" -o "$1"' _ {}
+          find webp/ -iname "*.webp" -print0 | xargs -0 -P 4 -I{} bash -c 'cwebp -quiet -lossless "$1" -o "$1"' _ {}
 
       - name: Commit and Push Changes
         run: |
           git config --global user.email "noreply@lammers.media"
           git config --global user.name "Dashboard Icons Bot"
           git add png/ svg/ webp/
-          git commit -m ":compression: Compressed images" || exit 0
+          git commit -m ":compression: Compress icons" || exit 0
           git pull --rebase origin ${{ github.ref_name }}
           git push origin HEAD:${{ github.ref_name }}
diff --git a/svg/3cx-light.svg b/svg/3cx-light.svg
new file mode 100644
index 00000000..2df17cb5
--- /dev/null
+++ b/svg/3cx-light.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4A0082;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#00BD82;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#012635;}
+	.st3{clip-path:url(#SVGID_00000031889007296641166400000001045767182083898276_);}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#841618;}
+	.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#ED403A;}
+	.st6{fill:#ffffff;}
+	.st7{fill:#3BB44A;}
+	.st8{fill:#191919;}
+	.st9{fill:#191919;filter:url(#Adobe_OpacityMaskFilter);}
+	.st10{mask:url(#a_00000004506700318917144970000000281762378219636125_);}
+	.st11{fill:#E52920;}
+	.st12{fill:#191919;filter:url(#Adobe_OpacityMaskFilter_00000110443126165020324850000003275794271085711788_);}
+	.st13{mask:url(#a_00000048485477012629203030000008583618854717920898_);}
+	.st14{fill:#FF4F1F;}
+	.st15{fill:#4E5054;}
+	.st16{fill:#333333;}
+	.st17{fill:#4C76E6;}
+	.st18{fill:#0684BC;}
+	.st19{fill:#FF7A00;}
+	.st20{fill:#18313F;}
+	.st21{clip-path:url(#SVGID_00000013184628308274296840000011031150131637956491_);}
+	.st22{fill:#3972E6;}
+	.st23{fill:#4A6FB5;}
+	.st24{fill:#FFA800;}
+	.st25{fill:#25C16F;}
+	.st26{fill:#FF5969;}
+	.st27{fill:#1738FA;}
+	.st28{fill:#440099;}
+	.st29{fill:none;}
+	.st30{fill:#1E76C0;}
+	.st31{fill:#706D6E;}
+	.st32{fill:#5B6065;}
+	.st33{fill:#85FFCD;}
+	.st34{fill:#494949;}
+	.st35{fill:#0072BC;}
+	.st36{fill:#231F20;}
+	.st37{fill:#390179;}
+	.st38{fill-rule:evenodd;clip-rule:evenodd;fill:#1D053B;}
+	.st39{fill:#1D053B;}
+	.st40{fill:#6436FD;}
+	.st41{clip-path:url(#SVGID_00000074407361487472492060000013921558957830474132_);}
+	.st42{fill:#0527FF;}
+	.st43{fill:#FFE900;}
+	.st44{clip-path:url(#SVGID_00000109747698911995796500000011489247169313855419_);}
+	.st45{clip-path:url(#SVGID_00000038390026833995572170000002336038498641629606_);fill:#7F1BCE;}
+	.st46{fill:#ffffff;}
+</style>
+<g>
+	<rect x="2.7" y="2.7" class="st46" width="74.5" height="74.5" fill="#ffffff"/>
+	<g>
+		<path id="path22_00000018939988860264547770000013518922912127550885_" class="st30" d="M18.7,37.9c0.5,0,1-0.2,1.5-0.4    c0.5-0.2,0.8-0.5,1.1-0.8c0.3-0.4,0.4-0.9,0.4-1.5c0-0.9-0.3-1.6-0.9-2.1c-0.6-0.5-1.3-0.7-2.1-0.7c-1.1,0-1.9,0.4-2.5,1.1    c-0.6,0.7-0.8,1.6-0.8,2.8h-4.2c0-1.1,0.2-2.1,0.6-3c0.4-0.9,0.9-1.7,1.5-2.3c0.6-0.7,1.4-1.2,2.3-1.5c0.9-0.4,1.9-0.5,3-0.5    c0.9,0,1.7,0.1,2.6,0.4c0.9,0.3,1.6,0.6,2.3,1.2c0.7,0.5,1.2,1.1,1.7,1.9c0.4,0.7,0.6,1.6,0.6,2.6c0,1-0.3,2-0.8,2.8    c-0.5,0.8-1.2,1.3-2.2,1.6v0.1c1.2,0.3,2.1,0.8,2.8,1.7c0.7,0.9,1,1.9,1,3.2c0,1.1-0.2,2.1-0.7,3c-0.4,0.9-1,1.6-1.8,2.2    c-0.7,0.6-1.6,1-2.6,1.4c-1,0.3-2,0.5-3,0.5c-1.2,0-2.3-0.2-3.3-0.5c-1-0.4-1.8-0.9-2.5-1.5c-0.7-0.7-1.2-1.5-1.6-2.4    c-0.4-1-0.6-2.1-0.5-3.3h4.2c0,0.6,0.1,1.1,0.3,1.6c0.2,0.5,0.4,1,0.7,1.4c0.3,0.4,0.7,0.7,1.2,0.9c0.5,0.2,1,0.3,1.6,0.3    c1,0,1.8-0.3,2.5-0.9c0.7-0.6,1-1.4,1-2.5c0-0.8-0.2-1.4-0.5-1.9c-0.3-0.4-0.7-0.7-1.2-0.9c-0.5-0.2-1-0.3-1.6-0.3    c-0.6,0-1.1,0-1.7,0v-3.1C17.7,38,18.2,38,18.7,37.9" fill="#ffffff"/>
+		<path id="path26_00000117667547818394905460000012268102485416748476_" class="st8" d="M39.4,31.6c2.4,0,4.8,1,6.6,2.7l0.5,0.5    v-3.7L46.4,31c-2-1.4-4.2-2.1-6.8-2.1c-6.6,0-11.9,5-11.9,11.2c0,6.1,5.3,11,11.9,11c2.4,0,4.8-0.7,6.8-2.1l0.1-0.1v-3.7L46,45.7    c-1.8,1.7-4.2,2.7-6.6,2.7c-4.8,0-8.8-3.8-8.8-8.4C30.7,35.5,34.7,31.6,39.4,31.6" fill="#ffffff"/>
+		<path id="path30_00000049903698212031666970000012054173676327941044_" class="st30" d="M46.5,35.8v8.6l3.8-4.5    C50.3,39.9,46.5,35.8,46.5,35.8z" fill="#ffffff"/>
+		<path id="path34_00000052814313168180727790000000624399697029535414_" class="st8" d="M69.2,51l-8.8-10.8l8.8-10.8h-4.7l-6.5,7.9    l-6.5-7.9h-4.7l8.8,10.8L46.9,51h4.6l6.5-8l6.5,8H69.2z" fill="#ffffff"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/svg/3cx.svg b/svg/3cx.svg
new file mode 100644
index 00000000..f2be7fb8
--- /dev/null
+++ b/svg/3cx.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.5.0, 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 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4A0082;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#00BD82;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#012635;}
+	.st3{clip-path:url(#SVGID_00000031889007296641166400000001045767182083898276_);}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#841618;}
+	.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#ED403A;}
+	.st6{fill:#050505;}
+	.st7{fill:#3BB44A;}
+	.st8{fill:#FFFFFF;}
+	.st9{fill:#FFFFFF;filter:url(#Adobe_OpacityMaskFilter);}
+	.st10{mask:url(#a_00000004506700318917144970000000281762378219636125_);}
+	.st11{fill:#E52920;}
+	.st12{fill:#FFFFFF;filter:url(#Adobe_OpacityMaskFilter_00000110443126165020324850000003275794271085711788_);}
+	.st13{mask:url(#a_00000048485477012629203030000008583618854717920898_);}
+	.st14{fill:#FF4F1F;}
+	.st15{fill:#4E5054;}
+	.st16{fill:#333333;}
+	.st17{fill:#4C76E6;}
+	.st18{fill:#0684BC;}
+	.st19{fill:#FF7A00;}
+	.st20{fill:#18313F;}
+	.st21{clip-path:url(#SVGID_00000013184628308274296840000011031150131637956491_);}
+	.st22{fill:#3972E6;}
+	.st23{fill:#4A6FB5;}
+	.st24{fill:#FFA800;}
+	.st25{fill:#25C16F;}
+	.st26{fill:#FF5969;}
+	.st27{fill:#1738FA;}
+	.st28{fill:#440099;}
+	.st29{fill:none;}
+	.st30{fill:#1E76C0;}
+	.st31{fill:#706D6E;}
+	.st32{fill:#5B6065;}
+	.st33{fill:#85FFCD;}
+	.st34{fill:#494949;}
+	.st35{fill:#0072BC;}
+	.st36{fill:#231F20;}
+	.st37{fill:#390179;}
+	.st38{fill-rule:evenodd;clip-rule:evenodd;fill:#1D053B;}
+	.st39{fill:#1D053B;}
+	.st40{fill:#6436FD;}
+	.st41{clip-path:url(#SVGID_00000074407361487472492060000013921558957830474132_);}
+	.st42{fill:#0527FF;}
+	.st43{fill:#FFE900;}
+	.st44{clip-path:url(#SVGID_00000109747698911995796500000011489247169313855419_);}
+	.st45{clip-path:url(#SVGID_00000038390026833995572170000002336038498641629606_);fill:#7F1BCE;}
+	.st46{fill:#161616;}
+</style>
+<g>
+	<rect x="2.7" y="2.7" class="st46" width="74.5" height="74.5"/>
+	<g>
+		<path id="path22_00000018939988860264547770000013518922912127550885_" class="st30" d="M18.7,37.9c0.5,0,1-0.2,1.5-0.4
+			c0.5-0.2,0.8-0.5,1.1-0.8c0.3-0.4,0.4-0.9,0.4-1.5c0-0.9-0.3-1.6-0.9-2.1c-0.6-0.5-1.3-0.7-2.1-0.7c-1.1,0-1.9,0.4-2.5,1.1
+			c-0.6,0.7-0.8,1.6-0.8,2.8h-4.2c0-1.1,0.2-2.1,0.6-3c0.4-0.9,0.9-1.7,1.5-2.3c0.6-0.7,1.4-1.2,2.3-1.5c0.9-0.4,1.9-0.5,3-0.5
+			c0.9,0,1.7,0.1,2.6,0.4c0.9,0.3,1.6,0.6,2.3,1.2c0.7,0.5,1.2,1.1,1.7,1.9c0.4,0.7,0.6,1.6,0.6,2.6c0,1-0.3,2-0.8,2.8
+			c-0.5,0.8-1.2,1.3-2.2,1.6v0.1c1.2,0.3,2.1,0.8,2.8,1.7c0.7,0.9,1,1.9,1,3.2c0,1.1-0.2,2.1-0.7,3c-0.4,0.9-1,1.6-1.8,2.2
+			c-0.7,0.6-1.6,1-2.6,1.4c-1,0.3-2,0.5-3,0.5c-1.2,0-2.3-0.2-3.3-0.5c-1-0.4-1.8-0.9-2.5-1.5c-0.7-0.7-1.2-1.5-1.6-2.4
+			c-0.4-1-0.6-2.1-0.5-3.3h4.2c0,0.6,0.1,1.1,0.3,1.6c0.2,0.5,0.4,1,0.7,1.4c0.3,0.4,0.7,0.7,1.2,0.9c0.5,0.2,1,0.3,1.6,0.3
+			c1,0,1.8-0.3,2.5-0.9c0.7-0.6,1-1.4,1-2.5c0-0.8-0.2-1.4-0.5-1.9c-0.3-0.4-0.7-0.7-1.2-0.9c-0.5-0.2-1-0.3-1.6-0.3
+			c-0.6,0-1.1,0-1.7,0v-3.1C17.7,38,18.2,38,18.7,37.9"/>
+		<path id="path26_00000117667547818394905460000012268102485416748476_" class="st8" d="M39.4,31.6c2.4,0,4.8,1,6.6,2.7l0.5,0.5
+			v-3.7L46.4,31c-2-1.4-4.2-2.1-6.8-2.1c-6.6,0-11.9,5-11.9,11.2c0,6.1,5.3,11,11.9,11c2.4,0,4.8-0.7,6.8-2.1l0.1-0.1v-3.7L46,45.7
+			c-1.8,1.7-4.2,2.7-6.6,2.7c-4.8,0-8.8-3.8-8.8-8.4C30.7,35.5,34.7,31.6,39.4,31.6"/>
+		<path id="path30_00000049903698212031666970000012054173676327941044_" class="st30" d="M46.5,35.8v8.6l3.8-4.5
+			C50.3,39.9,46.5,35.8,46.5,35.8z"/>
+		<path id="path34_00000052814313168180727790000000624399697029535414_" class="st8" d="M69.2,51l-8.8-10.8l8.8-10.8h-4.7l-6.5,7.9
+			l-6.5-7.9h-4.7l8.8,10.8L46.9,51h4.6l6.5-8l6.5,8H69.2z"/>
+	</g>
+</g>
+</svg>