reworked the lock icon, created the different colored versions for the lock icons

Qwixx/frontend/inkScape/icons/iconLock.svg

@@ -1,192 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="140mm"
-   height="60mm"
-   viewBox="0 0 140 60"
-   version="1.1"
-   id="svg906"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
-   sodipodi:docname="iconLock.svg">
-  <defs
-     id="defs900">
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient890">
-      <stop
-         style="stop-color:#ffff00;stop-opacity:1;"
-         offset="0"
-         id="stop886" />
-      <stop
-         style="stop-color:#ff00ff;stop-opacity:1"
-         offset="1"
-         id="stop888" />
-    </linearGradient>
-    <mask
-       maskUnits="userSpaceOnUse"
-       id="mask894">
-      <path
-         sodipodi:type="star"
-         style="fill:url(#radialGradient898);fill-opacity:1;stroke-width:1"
-         id="path896"
-         sodipodi:sides="6"
-         sodipodi:cx="12.425968"
-         sodipodi:cy="-10.772322"
-         sodipodi:r1="5.6414213"
-         sodipodi:r2="4.8856134"
-         sodipodi:arg1="0.63680104"
-         sodipodi:arg2="1.1603998"
-         inkscape:flatsided="true"
-         inkscape:rounded="0"
-         inkscape:randomized="0"
-         d="m 16.961683,-7.417783 -5.172973,2.2507745 -4.5357147,-3.3545387 0.6372585,-5.6053128 5.1729732,-2.250775 4.535714,3.354539 z" />
-    </mask>
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient890"
-       id="radialGradient898"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(2.3095463,0.51759033,-0.14612411,0.65202226,-17.846476,-10.180089)"
-       cx="12.425967"
-       cy="-10.772322"
-       fx="12.425967"
-       fy="-10.772322"
-       r="5.1729729" />
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="5.6"
-     inkscape:cx="-6.5644448"
-     inkscape:cy="34.816019"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer9"
-     inkscape:document-rotation="0"
-     showgrid="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1"
-     inkscape:pagecheckerboard="true" />
-  <metadata
-     id="metadata903">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="background"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       sodipodi:type="star"
-       style="fill:none;stroke-width:0.264583;stroke:#000000;stroke-opacity:1"
-       id="path833"
-       sodipodi:sides="6"
-       sodipodi:cx="10.394346"
-       sodipodi:cy="11.647601"
-       sodipodi:r1="11.663797"
-       sodipodi:r2="10.101144"
-       sodipodi:arg1="0.47089386"
-       sodipodi:arg2="0.99449263"
-       inkscape:flatsided="true"
-       inkscape:rounded="0"
-       inkscape:randomized="0"
-       d="M 20.788692,16.939268 11.008801,23.295202 0.61445512,18.003535 2.3097214e-7,6.3559341 9.7798913,-1.0500309e-7 20.174237,5.291667 Z"
-       transform="rotate(2.7077864,-0.80054583,11.912184)" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer4"
-     inkscape:label="color">
-    <g
-       inkscape:groupmode="layer"
-       id="layer5"
-       inkscape:label="red" />
-    <g
-       inkscape:groupmode="layer"
-       id="layer6"
-       inkscape:label="yellow" />
-    <g
-       inkscape:groupmode="layer"
-       id="layer7"
-       inkscape:label="blue" />
-    <g
-       inkscape:groupmode="layer"
-       id="layer8"
-       inkscape:label="green" />
-    <g
-       inkscape:groupmode="layer"
-       id="layer9"
-       inkscape:label="shape" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="lock">
-    <g
-       id="g849"
-       transform="translate(-11.887351,-1.029985)">
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="M 18.615327,11.197545 V 6.0948661 h 7.276042 v 4.9136909 z"
-         id="path835" />
-      <path
-         style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="m 18.600062,11.017371 -2.080897,3.60422 5.569439,5.56944 5.771875,-5.771875 -1.96911,-3.410599"
-         id="path837" />
-    </g>
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer3"
-     inkscape:label="keyhole">
-    <g
-       id="g845"
-       transform="translate(-23.311681,9.921875)"
-       style="fill:#000000">
-      <circle
-         style="fill:#000000;stroke-width:0.0691833"
-         id="path839"
-         cx="33.411457"
-         cy="2.7010002"
-         r="1" />
-      <path
-         sodipodi:type="star"
-         style="fill:#000000;stroke-width:0.264583"
-         id="path841"
-         sodipodi:sides="3"
-         sodipodi:cx="36.852676"
-         sodipodi:cy="19.087797"
-         sodipodi:r1="4.4079218"
-         sodipodi:r2="2.2039609"
-         sodipodi:arg1="2.6011732"
-         sodipodi:arg2="3.6483707"
-         inkscape:flatsided="true"
-         inkscape:rounded="0"
-         inkscape:randomized="0"
-         d="m 33.072915,21.355654 3.705621,-6.675155 3.928043,6.54674 z"
-         inkscape:transform-center-x="-0.0097125244"
-         inkscape:transform-center-y="-0.4807622"
-         transform="matrix(0.26199737,0,0,0.44942776,23.840934,-4.3527415)" />
-    </g>
-  </g>
-</svg>

Qwixx/frontend/inkScape/icons/rowLockIcons/iconLock.svg

@@ -0,0 +1,391 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22mm"
+   height="26mm"
+   viewBox="0 0 22 26"
+   version="1.1"
+   id="svg906"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="iconLock.svg"
+   inkscape:export-filename="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\icons\redIconLock.png"
+   inkscape:export-xdpi="200"
+   inkscape:export-ydpi="200">
+  <defs
+     id="defs900">
+    <inkscape:path-effect
+       effect="powerclip"
+       id="path-effect1118"
+       is_visible="true"
+       lpeversion="1"
+       inverse="true"
+       flatten="false"
+       hide_clip="false"
+       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
+    <inkscape:path-effect
+       effect="powerclip"
+       id="path-effect1079"
+       is_visible="true"
+       lpeversion="1"
+       inverse="true"
+       flatten="false"
+       hide_clip="false"
+       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
+    <inkscape:path-effect
+       effect="powerclip"
+       id="path-effect1052"
+       is_visible="true"
+       lpeversion="1"
+       inverse="true"
+       flatten="false"
+       hide_clip="false"
+       message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient890">
+      <stop
+         style="stop-color:#ffff00;stop-opacity:1;"
+         offset="0"
+         id="stop886" />
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:1"
+         offset="1"
+         id="stop888" />
+    </linearGradient>
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask894">
+      <path
+         sodipodi:type="star"
+         style="fill:url(#radialGradient898);fill-opacity:1;stroke-width:1"
+         id="path896"
+         sodipodi:sides="6"
+         sodipodi:cx="12.425968"
+         sodipodi:cy="-10.772322"
+         sodipodi:r1="5.6414213"
+         sodipodi:r2="4.8856134"
+         sodipodi:arg1="0.63680104"
+         sodipodi:arg2="1.1603998"
+         inkscape:flatsided="true"
+         inkscape:rounded="0"
+         inkscape:randomized="0"
+         d="m 16.961683,-7.417783 -5.172973,2.2507745 -4.5357147,-3.3545387 0.6372585,-5.6053128 5.1729732,-2.250775 4.535714,3.354539 z" />
+    </mask>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient890"
+       id="radialGradient898"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.3095463,0.51759033,-0.14612411,0.65202226,-17.846476,-10.180089)"
+       cx="12.425967"
+       cy="-10.772322"
+       fx="12.425967"
+       fy="-10.772322"
+       r="5.1729727" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath951">
+      <g
+         inkscape:label="Clip"
+         id="use953">
+        <g
+           id="g963">
+          <path
+             sodipodi:type="star"
+             style="fill:#000000;stroke-width:1"
+             id="path961"
+             sodipodi:sides="6"
+             sodipodi:cx="28.489956"
+             sodipodi:cy="-5.8586311"
+             sodipodi:r1="11.814118"
+             sodipodi:r2="10.231326"
+             sodipodi:arg1="0.52359878"
+             sodipodi:arg2="1.0471976"
+             inkscape:flatsided="true"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             transform="matrix(0.97739035,0,0,1.0157339,-11.845808,23.950811)"
+             d="M 38.721283,0.0484281 28.489956,5.9554873 18.258629,0.04842801 l 0,-11.81411801 10.231327,-5.90706 10.231327,5.90706 z" />
+        </g>
+        <g
+           id="g967">
+          <path
+             sodipodi:type="star"
+             style="fill:#ff00ff;stroke-width:1"
+             id="path965"
+             sodipodi:sides="6"
+             sodipodi:cx="4.2049847"
+             sodipodi:cy="-7.7957587"
+             sodipodi:r1="11.814119"
+             sodipodi:r2="10.231326"
+             sodipodi:arg1="0.52359878"
+             sodipodi:arg2="1.0471976"
+             inkscape:flatsided="true"
+             inkscape:rounded="0"
+             inkscape:randomized="0"
+             transform="matrix(0.87965125,0,0,0.93108929,12.30108,25.258547)"
+             d="M 14.436312,-1.888699 4.2049846,4.0183606 -6.0263428,-1.8886991 l 0,-11.8141189 10.2313275,-5.90706 10.2313273,5.90706 z" />
+        </g>
+      </g>
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1075">
+      <path
+         id="path1077"
+         style="display:none;fill:#ff00ff;fill-opacity:1;stroke-width:0.908295"
+         d="M 37.69815,-0.44382828 28.489956,4.9709764 19.281762,-0.44382828 V -11.273436 l 9.208194,-5.414804 9.208194,5.414804 z" />
+      <path
+         id="lpe_path-effect1079"
+         style="fill:#ff00ff;fill-opacity:1;stroke-width:0.908295"
+         class="powerclip"
+         d="M 13.258629,-22.67275 H 43.721283 V 10.955487 H 13.258629 Z M 37.69815,-0.44382828 V -11.273436 l -9.208194,-5.414804 -9.208194,5.414804 v 10.82960772 l 9.208194,5.41480468 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1075-0">
+      <path
+         id="path1077-8"
+         style="display:none;fill:#ff00ff;fill-opacity:1;stroke-width:0.908295"
+         d="M 37.69815,-0.44382828 28.489956,4.9709764 19.281762,-0.44382828 V -11.273436 l 9.208194,-5.414804 9.208194,5.414804 z" />
+      <path
+         id="lpe_path-effect1079-5"
+         style="fill:#ff00ff;fill-opacity:1;stroke-width:0.908295"
+         class="powerclip"
+         d="M 13.258629,-22.67275 H 43.721283 V 10.955487 H 13.258629 Z M 37.69815,-0.44382828 V -11.273436 l -9.208194,-5.414804 -9.208194,5.414804 v 10.82960772 l 9.208194,5.41480468 z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1248">
+      <path
+         id="path1250"
+         style="display:block;fill:#ff00ff;fill-opacity:1;stroke-width:0.905005"
+         d="M 20,18.5 11,24 2,18.5 V 7.5000003 L 11,2 20,7.5000003 Z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1312">
+      <path
+         id="path1314"
+         style="display:block;fill:#ff00ff;fill-opacity:1;stroke-width:0.905005"
+         d="M 20,18.5 11,24 2,18.5 V 7.5000003 L 11,2 20,7.5000003 Z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1372">
+      <path
+         id="path1374"
+         style="display:block;fill:#ff00ff;fill-opacity:1;stroke-width:0.905005"
+         d="M 20,18.5 11,24 2,18.5 V 7.5000009 L 11,2 20,7.5000009 Z" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1432">
+      <path
+         id="path1434"
+         style="display:block;fill:#ff00ff;fill-opacity:1;stroke-width:0.905005"
+         d="M 20,18.5 11,24 2,18.5 V 7.5000001 L 11,2 20,7.5000001 Z" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="181.42616"
+     inkscape:cy="164.72443"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer5"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata903">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="color">
+    <g
+       inkscape:groupmode="layer"
+       id="layer5"
+       inkscape:label="red"
+       style="display:inline"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\red.svg"
+         xlink:href="../colorScapes/red.svg"
+         clip-path="url(#clipPath1432)"
+         y="0"
+         x="0"
+         id="image1404"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer6"
+       inkscape:label="yellow"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\yellow.svg"
+         xlink:href="../colorScapes/yellow.svg"
+         clip-path="url(#clipPath1372)"
+         y="0"
+         x="0"
+         id="image1344"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer7"
+       inkscape:label="blue"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\blue.svg"
+         xlink:href="../colorScapes/blue.svg"
+         clip-path="url(#clipPath1312)"
+         y="0"
+         x="0"
+         id="image1280"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer8"
+       inkscape:label="green"
+       style="display:none"
+       sodipodi:insensitive="true">
+      <image
+         sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\colorScapes\green.svg"
+         xlink:href="../colorScapes/green.svg"
+         clip-path="url(#clipPath1248)"
+         y="0"
+         x="0"
+         id="image1200"
+         height="89.999878"
+         width="159.99989"
+         inkscape:svg-dpi="200"
+         preserveAspectRatio="none" />
+    </g>
+    <g
+       inkscape:groupmode="layer"
+       id="layer9"
+       inkscape:label="shape"
+       sodipodi:insensitive="true"
+       style="display:none">
+      <path
+         id="path1120"
+         style="display:block;fill:#ff00ff;fill-opacity:1;stroke-width:0.905005"
+         d="M 20,18.5 11,24 2,18.5 V 7.5000003 L 11,2 20,7.5000003 Z" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="lock"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <g
+       id="g849"
+       transform="translate(-11.358184,-0.50081833)">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 18.615327,11.197545 V 6.0948661 h 7.276042 v 4.9136909 z"
+         id="path835" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 18.600062,11.017371 -2.080897,3.60422 5.569439,5.56944 5.771875,-5.771875 -1.96911,-3.410599"
+         id="path837" />
+    </g>
+  </g>
+  <g
+     inkscape:label="background"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <g
+       id="g1085"
+       transform="translate(-4.9999998,-4.9999997)">
+      <path
+         id="path857"
+         clip-path="url(#clipPath1075)"
+         style="fill:#000000;fill-opacity:1;stroke-width:1"
+         transform="matrix(0.97739035,0,0,1.0157339,-11.845808,23.950811)"
+         d="M 38.721283,0.0484281 28.489956,5.9554873 18.258629,0.04842801 V -11.76569 l 10.231327,-5.90706 10.231327,5.90706 z"
+         inkscape:original-d="M 38.721283,0.0484281 28.489956,5.9554873 18.258629,0.04842801 V -11.76569 l 10.231327,-5.90706 10.231327,5.90706 z"
+         inkscape:path-effect="#path-effect1079" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="keyhole"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <g
+       id="g845"
+       transform="translate(-22.782514,10.451042)"
+       style="fill:#000000">
+      <circle
+         style="fill:#000000;stroke-width:0.0691833"
+         id="path839"
+         cx="33.411457"
+         cy="2.7010002"
+         r="1" />
+      <path
+         sodipodi:type="star"
+         style="fill:#000000;stroke-width:0.264583"
+         id="path841"
+         sodipodi:sides="3"
+         sodipodi:cx="36.852676"
+         sodipodi:cy="19.087797"
+         sodipodi:r1="4.4079218"
+         sodipodi:r2="2.2039609"
+         sodipodi:arg1="2.6011732"
+         sodipodi:arg2="3.6483707"
+         inkscape:flatsided="true"
+         inkscape:rounded="0"
+         inkscape:randomized="0"
+         d="m 33.072915,21.355654 3.705621,-6.675155 3.928043,6.54674 z"
+         inkscape:transform-center-x="-0.0097125244"
+         inkscape:transform-center-y="-0.4807622"
+         transform="matrix(0.26199737,0,0,0.44942776,23.840934,-4.3527415)" />
+    </g>
+  </g>
+</svg>