From 7a8d68220869685d7b64a7213595b880fd84238e Mon Sep 17 00:00:00 2001
From: ground7 <ground7@gmail.com>
Date: Sun, 7 Jun 2020 17:45:03 -0700
Subject: [PATCH] Created network.svg

---
 Always Animate/network.svg   | 20 ++++++++++++++++++++
 Animate on Hover/network.svg | 20 ++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 Always Animate/network.svg
 create mode 100644 Animate on Hover/network.svg

diff --git a/Always Animate/network.svg b/Always Animate/network.svg
new file mode 100644
index 0000000..4046a0b
--- /dev/null
+++ b/Always Animate/network.svg	
@@ -0,0 +1,20 @@
+<svg id="network" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+  <style>
+    @keyframes packet_animation__to{0%,6.666667%,90%,to{transform:translate(-51.09385px,385.658px)}13.333333%,73.333333%{transform:translate(-51.09385px,420.658px)}23.333333%,36.666667%{transform:translate(-104.84385px,420.658px)}24.333333%{transform:translate(-111.6561px,422.543914px)}25.333333%{transform:translate(-115.694271px,428.132803px)}30%{transform:translate(-115.84385px,460.658px)}34.666667%{transform:translate(-115.69385px,428.133px)}35.666667%{transform:translate(-111.65635px,422.543px)}53.333333%,66.666667%{transform:translate(2.65615px,420.658px)}54.333333%,65.666667%{transform:translate(10.65615px,424.158px)}55.333333%,64.666667%{transform:translate(12.90615px,428.158px)}60%{transform:translate(12.90615px,460.658px)}80%{transform:translate(-51.09385px,460.658px)}}#packet_animation{animation:packet_animation__to 3000ms linear infinite normal forwards}
+  </style>
+  <g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
+    <path id="square" d="M413.27 686.65v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
+  </g>
+  <g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
+    <g id="network_group">
+      <path id="cable" d="M321.8 689.26h46.5c11.98 0 18.15 6.2 18.16 18.24 0 2.15-.52 18.994-.55 21.144-.05 3.18-1.72 5.12-4.85 5.1-3.16-.02-4.74-2.06-4.78-5.2-.04-2.91.61-20.514.5-23.414-.13-3.59-2.34-6.1-5.9-6.12-16.16-.11-32.31-.05-49.09-.05 0 4.96-.172 24.532-.022 30.42-.15 1.83-1.596 3.994-3.076 4.924-3.07 1.92-6.5-.57-6.61-4.53-.12-4.79.078-25.364.078-30.554-1.14-.1-2.22-.27-3.29-.28-14.66-.02-29.32-.03-43.98 0-5.57.01-7.81 2.23-7.93 7.78-.05 2.65-.068 21.84-.198 24.49-.14 2.91-1.97 4.4-4.71 4.37-2.74-.03-4.56-1.54-4.61-4.46-.06-3.91-.122-24.39.248-28.27.75-7.75 7.7-13.53 16.15-13.56 14.53-.07 29.07-.02 43.6-.02h4.71c0-2.69-.128-21.582-.108-24.052.03-3.12 1.52-5.06 4.71-5.29 2.91-.21 4.84 1.98 4.93 5.44.06 2.35.118 21.142.118 23.892z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <g id="packet_animation" transform="translate(-51.094 385.658)">
+        <ellipse id="packet" rx="4.038" ry="4.013" transform="translate(367.872 273.628)" fill="#000" stroke="#000" stroke-width="1.138" stroke-linejoin="round"/>
+      </g>
+      <path id="slave1" d="M382.43 762.86c-4.3 0-8.6.07-12.9-.02-5.77-.13-9.55-3.69-9.75-9.41-.18-5.18-.18-10.37.01-15.55.2-5.5 3.96-9.28 9.42-9.37 8.97-.15 17.96-.16 26.93.02 5.27.1 9.03 3.95 9.19 9.2.17 5.31.17 10.62-.01 15.93-.18 5.21-4.05 8.89-9.25 9.18-.25.01-.51.02-.76.02h-12.88z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="slave2" d="M252.45 728.45c4.29 0 8.58-.09 12.87.02 5.9.15 9.57 3.9 9.67 9.83.08 4.92.08 9.84 0 14.76-.1 5.88-3.85 9.7-9.73 9.77-8.7.1-17.41.1-26.11-.01-5.81-.07-9.63-3.95-9.76-9.8-.11-4.92-.12-9.84.01-14.76.15-5.82 4.01-9.65 9.82-9.79 4.4-.11 8.81-.02 13.23-.02z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="slave3" d="M317.43 762.85c-4.41 0-8.83.09-13.24-.03-5.67-.15-9.44-3.91-9.56-9.55-.11-5.04-.11-10.09 0-15.14.12-5.65 3.89-9.56 9.5-9.64 8.83-.14 17.66-.13 26.49-.01 5.68.08 9.43 3.91 9.56 9.57.12 5.04.11 10.09 0 15.14-.13 5.82-3.96 9.53-9.88 9.65-4.29.08-8.58.02-12.87.01z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="master" d="M317.48 666.44c-9.61 0-19.22.03-28.83-.01-7.62-.04-12-4.39-12.04-11.99-.05-10.62-.06-21.24 0-31.87.04-7.46 4.64-12.15 12.03-12.17 19.22-.05 38.44-.06 57.66 0 7.09.02 11.68 4.44 11.79 11.58.17 11 .16 22 .01 33-.1 7.22-4.55 11.41-11.79 11.45-9.61.05-19.22.01-28.83.01zm-.48-32.01v-.02c5.04 0 10.07-.01 15.11.01 1.99.01 4.27-.13 3.93-2.68-.13-.98-2.46-2.36-3.81-2.39-10.07-.2-20.14-.11-30.21-.11-1.95 0-4.15-.03-4.21 2.58-.06 2.65 2.11 2.63 4.09 2.62 5.03-.04 10.07-.01 15.1-.01zm.11 13.26v-.03c5.18 0 10.36.15 15.52-.11 1.23-.06 2.4-1.51 3.59-2.32-1.17-.83-2.33-2.36-3.52-2.39-10.47-.19-20.96-.19-31.43 0-1.19.02-2.35 1.53-3.53 2.34 1.15.83 2.27 2.33 3.46 2.39 5.3.27 10.61.12 15.91.12z" fill="#FFF" stroke="none" stroke-width="1"/>
+    </g>
+  </g>
+</svg>
diff --git a/Animate on Hover/network.svg b/Animate on Hover/network.svg
new file mode 100644
index 0000000..dd0c5c4
--- /dev/null
+++ b/Animate on Hover/network.svg	
@@ -0,0 +1,20 @@
+<svg id="network" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+  <style>
+    @keyframes packet_animation__to{0%,6.666667%,90%,to{transform:translate(-51.09385px,385.658px)}13.333333%,73.333333%{transform:translate(-51.09385px,420.658px)}23.333333%,36.666667%{transform:translate(-104.84385px,420.658px)}24.333333%{transform:translate(-111.6561px,422.543914px)}25.333333%{transform:translate(-115.694271px,428.132803px)}30%{transform:translate(-115.84385px,460.658px)}34.666667%{transform:translate(-115.69385px,428.133px)}35.666667%{transform:translate(-111.65635px,422.543px)}53.333333%,66.666667%{transform:translate(2.65615px,420.658px)}54.333333%,65.666667%{transform:translate(10.65615px,424.158px)}55.333333%,64.666667%{transform:translate(12.90615px,428.158px)}60%{transform:translate(12.90615px,460.658px)}80%{transform:translate(-51.09385px,460.658px)}}#network{pointer-events:all}#network *{animation-play-state:paused!important}#network:hover *{animation-play-state:running!important}#packet_animation{animation:packet_animation__to 3000ms linear infinite normal forwards}
+  </style>
+  <g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
+    <path id="square" d="M413.27 686.65v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
+  </g>
+  <g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
+    <g id="network_group">
+      <path id="cable" d="M321.8 689.26h46.5c11.98 0 18.15 6.2 18.16 18.24 0 2.15-.52 18.994-.55 21.144-.05 3.18-1.72 5.12-4.85 5.1-3.16-.02-4.74-2.06-4.78-5.2-.04-2.91.61-20.514.5-23.414-.13-3.59-2.34-6.1-5.9-6.12-16.16-.11-32.31-.05-49.09-.05 0 4.96-.172 24.532-.022 30.42-.15 1.83-1.596 3.994-3.076 4.924-3.07 1.92-6.5-.57-6.61-4.53-.12-4.79.078-25.364.078-30.554-1.14-.1-2.22-.27-3.29-.28-14.66-.02-29.32-.03-43.98 0-5.57.01-7.81 2.23-7.93 7.78-.05 2.65-.068 21.84-.198 24.49-.14 2.91-1.97 4.4-4.71 4.37-2.74-.03-4.56-1.54-4.61-4.46-.06-3.91-.122-24.39.248-28.27.75-7.75 7.7-13.53 16.15-13.56 14.53-.07 29.07-.02 43.6-.02h4.71c0-2.69-.128-21.582-.108-24.052.03-3.12 1.52-5.06 4.71-5.29 2.91-.21 4.84 1.98 4.93 5.44.06 2.35.118 21.142.118 23.892z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <g id="packet_animation" transform="translate(-51.094 385.658)">
+        <ellipse id="packet" rx="4.038" ry="4.013" transform="translate(367.872 273.628)" fill="#000" stroke="#000" stroke-width="1.138" stroke-linejoin="round"/>
+      </g>
+      <path id="slave1" d="M382.43 762.86c-4.3 0-8.6.07-12.9-.02-5.77-.13-9.55-3.69-9.75-9.41-.18-5.18-.18-10.37.01-15.55.2-5.5 3.96-9.28 9.42-9.37 8.97-.15 17.96-.16 26.93.02 5.27.1 9.03 3.95 9.19 9.2.17 5.31.17 10.62-.01 15.93-.18 5.21-4.05 8.89-9.25 9.18-.25.01-.51.02-.76.02h-12.88z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="slave2" d="M252.45 728.45c4.29 0 8.58-.09 12.87.02 5.9.15 9.57 3.9 9.67 9.83.08 4.92.08 9.84 0 14.76-.1 5.88-3.85 9.7-9.73 9.77-8.7.1-17.41.1-26.11-.01-5.81-.07-9.63-3.95-9.76-9.8-.11-4.92-.12-9.84.01-14.76.15-5.82 4.01-9.65 9.82-9.79 4.4-.11 8.81-.02 13.23-.02z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="slave3" d="M317.43 762.85c-4.41 0-8.83.09-13.24-.03-5.67-.15-9.44-3.91-9.56-9.55-.11-5.04-.11-10.09 0-15.14.12-5.65 3.89-9.56 9.5-9.64 8.83-.14 17.66-.13 26.49-.01 5.68.08 9.43 3.91 9.56 9.57.12 5.04.11 10.09 0 15.14-.13 5.82-3.96 9.53-9.88 9.65-4.29.08-8.58.02-12.87.01z" fill="#FFF" stroke="none" stroke-width="1"/>
+      <path id="master" d="M317.48 666.44c-9.61 0-19.22.03-28.83-.01-7.62-.04-12-4.39-12.04-11.99-.05-10.62-.06-21.24 0-31.87.04-7.46 4.64-12.15 12.03-12.17 19.22-.05 38.44-.06 57.66 0 7.09.02 11.68 4.44 11.79 11.58.17 11 .16 22 .01 33-.1 7.22-4.55 11.41-11.79 11.45-9.61.05-19.22.01-28.83.01zm-.48-32.01v-.02c5.04 0 10.07-.01 15.11.01 1.99.01 4.27-.13 3.93-2.68-.13-.98-2.46-2.36-3.81-2.39-10.07-.2-20.14-.11-30.21-.11-1.95 0-4.15-.03-4.21 2.58-.06 2.65 2.11 2.63 4.09 2.62 5.03-.04 10.07-.01 15.1-.01zm.11 13.26v-.03c5.18 0 10.36.15 15.52-.11 1.23-.06 2.4-1.51 3.59-2.32-1.17-.83-2.33-2.36-3.52-2.39-10.47-.19-20.96-.19-31.43 0-1.19.02-2.35 1.53-3.53 2.34 1.15.83 2.27 2.33 3.46 2.39 5.3.27 10.61.12 15.91.12z" fill="#FFF" stroke="none" stroke-width="1"/>
+    </g>
+  </g>
+</svg>