web_editor/static/image_shapes/pattern/pattern_circuit.svg

123 lines
16 KiB
XML
Raw Permalink Normal View History

2024-05-03 12:47:49 +03:00
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<clipPath id="clip-path" clipPathUnits="objectBoundingBox">
<use xlink:href="#filterPath" fill="none"/>
</clipPath>
<path id="filterPath" d="M.8165.674c-.1345.2237-.6297.2449-.7441.0363c-.1145-.2116.1517-.6529.4007-.6651c.2462-.0121.4751.4081.3434.6288z"/>
</defs>
<svg viewBox="0 0 1600 1204.82" id="floating_shapes" preserveAspectRatio="xMaxYMid meet">
<g class="circuits">
<path d="M1107.75,280.11a45.36,45.36,0,1,0-4.11-82.28,20.62,20.62,0,1,1-19-36.62,87.2,87.2,0,0,1,73-3.27c44.44,18.07,66,68.6,47.88,113s-68.93,65.45-113.37,47.38a20.62,20.62,0,1,1,15.59-38.18Z" fill="#3AADAA"/>
<path d="M1551.29,477.11a34.42,34.42,0,1,0-34.42,34.43A34.41,34.41,0,0,0,1551.29,477.11Zm-34.42-75.73a75.74,75.74,0,1,1-75.71,75.73A75.71,75.71,0,0,1,1516.87,401.38Z" fill="#7C6576"/>
<path d="M1515.4,497.45A20.63,20.63,0,1,1,1536,476.82,20.63,20.63,0,0,1,1515.4,497.45Z" fill="#383E45"/>
<path d="M403.54,1014.73a20.63,20.63,0,0,0-20.63,20.63,34.38,34.38,0,0,1-34.38,34.38H285.27a34.38,34.38,0,0,1-34.38-34.38V896.46a74.27,74.27,0,0,0-74.12-74.26h-.15a20.63,20.63,0,0,0,0,41.25h0a33,33,0,0,1,33,33v138.9a34.38,34.38,0,0,1-34.38,34.38H111.3a20.63,20.63,0,0,0,0,41.26h64a75.42,75.42,0,0,0,55-23.72,75.4,75.4,0,0,0,55,23.72h63.26a75.64,75.64,0,0,0,75.64-75.64A20.63,20.63,0,0,0,403.54,1014.73Z" fill="#3AADAA"/>
<path d="M303.38,966.6A20.63,20.63,0,1,1,324,946,20.63,20.63,0,0,1,303.38,966.6Z" fill="#383E45"/>
<path d="M303.38,1022A20.63,20.63,0,1,1,324,1001.38,20.63,20.63,0,0,1,303.38,1022Z" fill="#383E45"/>
<path d="M458.93,1063.26a20.63,20.63,0,1,1,20.62-20.63A20.62,20.62,0,0,1,458.93,1063.26Z" fill="#7C6576"/>
<path d="M458.93,1118.07a20.63,20.63,0,1,1,20.62-20.62A20.62,20.62,0,0,1,458.93,1118.07Z" fill="#7C6576"/>
<path d="M1160.74,655.7a34.42,34.42,0,1,1,34.42,34.42,20.66,20.66,0,0,0,0,41.31,75.74,75.74,0,1,0-75.71-75.73,20.65,20.65,0,1,0,41.29,0Z" fill="#F6F6F6"/>
<path d="M1416.83,478.34A75.71,75.71,0,0,1,1341.1,554H1203.42a75.69,75.69,0,1,1,0-151.38h44.06V359.3a75.71,75.71,0,0,1,75.72-75.69h137.69a34.41,34.41,0,0,0,34.42-34.4V185.9a34.41,34.41,0,0,0-34.42-34.4,20.64,20.64,0,1,1,0-41.28,75.69,75.69,0,0,1,75.72,75.68v63.31a75.44,75.44,0,0,1-23.75,55,75.48,75.48,0,0,1,23.75,55.05v61.93a20.65,20.65,0,0,1-41.3,0V359.3a34.41,34.41,0,0,0-34.42-34.4H1323.2a34.42,34.42,0,0,0-34.42,34.4v43.35h52.32A75.71,75.71,0,0,1,1416.83,478.34Zm-213.41-34.41a34.41,34.41,0,1,0,0,68.81H1341.1a34.41,34.41,0,1,0,0-68.81Z" fill="#3AADAA"/>
<path d="M463.06,1157a94.87,94.87,0,0,0,94.86-94.89,20.63,20.63,0,1,1,41.25,0,136.13,136.13,0,0,1-136.11,136.15,20.63,20.63,0,0,1,0-41.26Z" fill="#F6F6F6"/>
<path d="M1121.8,712a20.63,20.63,0,1,0,20.63-20.62A20.63,20.63,0,0,0,1121.8,712Z" fill="#7C6576"/>
<path d="M1067,712a20.62,20.62,0,1,0,20.62-20.62A20.62,20.62,0,0,0,1067,712Z" fill="#7C6576"/>
<path d="M1471.5,1198.23a75.67,75.67,0,0,1-75.71-75.64V985.07a75.72,75.72,0,0,1,151.43,0v137.52A75.67,75.67,0,0,1,1471.5,1198.23Zm34.42-75.64V985.07a34.42,34.42,0,0,0-68.83,0v137.52a34.42,34.42,0,0,0,68.83,0Z" fill="#3AADAA"/>
<path d="M1287.08,1088.07a34.43,34.43,0,1,0,34.41,34.43A34.42,34.42,0,0,0,1287.08,1088.07Zm-75.72,34.43a75.72,75.72,0,1,1,75.72,75.73A75.73,75.73,0,0,1,1211.36,1122.5Z" fill="#3AADAA"/>
<path d="M874.34,989A20.65,20.65,0,0,1,895,1009.68a34.43,34.43,0,0,0,34.39,34.47h137.55a34.42,34.42,0,0,0,34.39-34.47,20.64,20.64,0,1,1,41.27,0A75.79,75.79,0,0,1,1111,1071.3c4.85,17.79,21.18,30.76,41.18,30.76H1232a20.68,20.68,0,0,1,0,41.36H1152.2c-37.32,0-69.38-24-80.1-58.08-1.71.11-3.44.17-5.19.17H929.36a75.74,75.74,0,0,1-75.65-75.83A20.66,20.66,0,0,1,874.34,989Z" fill="#F6F6F6"/>
<path d="M704.93,742.63a75.68,75.68,0,0,1,75.72,75.64V955.8a75.72,75.72,0,0,1-151.43,0V818.27A75.67,75.67,0,0,1,704.93,742.63Zm34.42,75.64a34.42,34.42,0,0,0-68.84,0V955.8a34.42,34.42,0,0,0,68.84,0Z" fill="#3AADAA"/>
<path d="M874.33,1030.26A20.64,20.64,0,0,0,895,1009.6a34.4,34.4,0,0,1,34.37-34.43h137.49a34.4,34.4,0,0,1,34.37,34.43,20.63,20.63,0,1,0,41.25,0,75.61,75.61,0,0,0-23.72-55.09,75.62,75.62,0,0,0,23.72-55.09V836.06a75.69,75.69,0,0,0-75.62-75.75,20.66,20.66,0,0,0,0,41.32,34.4,34.4,0,0,1,34.37,34.43v63.36a34.4,34.4,0,0,1-34.37,34.43H929.33a75.68,75.68,0,0,0-75.62,75.75A20.64,20.64,0,0,0,874.33,1030.26Z" fill="#3AADAA"/>
<path d="M966.78,840.18a34.42,34.42,0,1,0-34.41,34.42,20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,1,1,75.71-75.73,20.65,20.65,0,0,1-41.3,0Z" fill="#383E45"/>
<path d="M684.6,951.8a45.37,45.37,0,1,0-74.68,35,20.65,20.65,0,0,1-26.77,31.46,87.21,87.21,0,0,1-30.53-66.43c0-48,38.68-87.16,86.61-87.16s86.62,39.11,86.62,87.16a20.63,20.63,0,1,1-41.25,0Z" fill="#7C6576"/>
<path d="M1308,1122.2a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1308,1122.2Z" fill="#7C6576"/>
<path d="M932.06,916a95,95,0,0,0-94.94,95.07,75.67,75.67,0,1,1-151.34,0,20.64,20.64,0,1,1,41.28,0,34.4,34.4,0,1,0,68.79,0c0-75.33,61-136.4,136.21-136.4a20.67,20.67,0,0,1,0,41.33Z" fill="#7C6576"/>
<path d="M1281.48,994.3a94.87,94.87,0,0,0-94.86-94.89,20.63,20.63,0,1,1,0-41.26A136.13,136.13,0,0,1,1322.73,994.3a20.63,20.63,0,1,1-41.25,0Z" fill="#7C6576"/>
<path d="M50,1062.08A94.88,94.88,0,0,0,144.88,1157a20.63,20.63,0,0,1,0,41.26A136.13,136.13,0,0,1,8.77,1062.08a20.62,20.62,0,1,1,41.24,0Z" fill="#3AADAA"/>
<path d="M593.89,852.78A63.15,63.15,0,0,0,530.75,916a20.59,20.59,0,1,1-41.18,0A104.34,104.34,0,0,1,593.89,811.59a20.6,20.6,0,1,1,0,41.19Z" fill="#3AADAA"/>
<path d="M952.7,726.13a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,952.7,726.13Z" fill="#7C6576"/>
<path d="M952.7,670.73a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,952.7,670.73Z" fill="#7C6576"/>
<path d="M230.31,1178.78a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,230.31,1178.78Z" fill="#383E45"/>
<path d="M478.38,1177.6a20.63,20.63,0,1,0-20.63,20.63A20.63,20.63,0,0,0,478.38,1177.6Z" fill="#383E45"/>
<path d="M1008.08,895.28a20.62,20.62,0,1,1-20.62-20.62A20.62,20.62,0,0,1,1008.08,895.28Z" fill="#383E45"/>
<path d="M1062.88,895.28a20.62,20.62,0,1,1-20.62-20.62A20.62,20.62,0,0,1,1062.88,895.28Z" fill="#383E45"/>
<path d="M664,1195.28a20.6,20.6,0,0,1-20.62-20.58v-59a20.62,20.62,0,0,1,41.24,0v59A20.6,20.6,0,0,1,664,1195.28Z" fill="#3AADAA"/>
<path d="M1428.64,675.88a20.62,20.62,0,1,1,0-29.17A20.61,20.61,0,0,1,1428.64,675.88Z" fill="#383E45"/>
<path d="M1149.5,238.6a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1149.5,238.6Z" fill="#7C6576"/>
<path d="M1149.5,31.13a20.63,20.63,0,1,1-20.73-20.52A20.64,20.64,0,0,1,1149.5,31.13Z" fill="#7C6576"/>
<path d="M1149.5,86a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1149.5,86Z" fill="#7C6576"/>
<path d="M1556,681.93h-81.87a20.63,20.63,0,1,1,0-41.26H1556a20.63,20.63,0,1,1,0,41.26Z" fill="#F6F6F6"/>
<path d="M1457.7,41.31a34.43,34.43,0,0,0,0,68.85,20.66,20.66,0,0,1,0,41.31A75.74,75.74,0,0,1,1457.7,0a20.66,20.66,0,0,1,0,41.31Z" fill="#F6F6F6"/>
<path d="M1394.61,238.7A20.62,20.62,0,1,1,1374,218.07,20.63,20.63,0,0,1,1394.61,238.7Z" fill="#383E45"/>
<path d="M1449.41,238.7a20.63,20.63,0,1,1-20.62-20.63A20.63,20.63,0,0,1,1449.41,238.7Z" fill="#383E45"/>
<path d="M1481.23,74.85a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1481.23,74.85Z" fill="#7C6576"/>
<path d="M1536,74.85a20.62,20.62,0,1,1-20.62-20.63A20.62,20.62,0,0,1,1536,74.85Z" fill="#7C6576"/>
<path d="M1591.41,74.85a20.62,20.62,0,1,1-20.62-20.63A20.63,20.63,0,0,1,1591.41,74.85Z" fill="#7C6576"/>
<path d="M1317.38,50.18a133.65,133.65,0,0,0-133.63,133.67,20.66,20.66,0,1,1-41.32,0c0-96.66,78.33-175,175-175a20.67,20.67,0,0,1,0,41.34Z" fill="#F6F6F6"/>
<path d="M1351.54,183.6A34.42,34.42,0,1,0,1317.13,218a20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,1,1,75.71-75.73,20.65,20.65,0,1,1-41.3,0Z" fill="#383E45"/>
<path d="M1068.18,435.61c0,62.62-50.06,113-111.36,113a20.68,20.68,0,0,0,0,41.35c84.49,0,152.61-69.32,152.61-154.37a20.63,20.63,0,1,0-41.25,0Z" fill="#7C6576"/>
<path d="M1416.41,482.71a94.87,94.87,0,0,0,94.87,94.89,20.63,20.63,0,0,1,0,41.26,136.13,136.13,0,0,1-136.11-136.15,20.62,20.62,0,1,1,41.24,0Z" fill="#F6F6F6"/>
<path d="M1203.12,793.32a132,132,0,0,0,132-132,20.63,20.63,0,1,1,41.25,0c0,95.7-77.56,173.28-173.23,173.28a20.63,20.63,0,1,1,0-41.26Z" fill="#3AADAA"/>
<path d="M1566.63,753.31c-98.88,0-179,80.17-179,179.07a20.66,20.66,0,1,1-41.31,0c0-121.72,98.64-220.4,220.33-220.4a20.67,20.67,0,0,1,0,41.33Z" fill="#383E45"/>
<path d="M1492.54,930.09a75.68,75.68,0,0,1,75.83-75.53,20.6,20.6,0,1,0,0-41.2c-64.72,0-117.19,52.26-117.19,116.73a20.68,20.68,0,0,0,41.36,0Z" fill="#F6F6F6"/>
<path d="M709.35,742.63A156.75,156.75,0,0,0,866.08,585.85a20.63,20.63,0,0,1,41.25,0c0,109.38-88.64,198-198,198a20.63,20.63,0,0,1,0-41.26Z" fill="#F6F6F6"/>
<path d="M1068.15,661.3c-26.24,0-48.21,21.78-48.21,49.51s22,49.51,48.21,49.51a20.63,20.63,0,1,1,0,41.25c-49.83,0-89.53-41-89.53-90.76s39.7-90.77,89.53-90.77a20.63,20.63,0,1,1,0,41.26Z" fill="#F6F6F6"/>
<path d="M1142.48,1009.33a34.42,34.42,0,1,0,34.42-34.42,20.66,20.66,0,0,1,0-41.31,75.74,75.74,0,1,1-75.72,75.73,20.65,20.65,0,1,1,41.3,0Z" fill="#383E45"/>
<path d="M1025.8,1030.31a34.43,34.43,0,0,0,0,68.85,20.66,20.66,0,0,1,0,41.31,75.74,75.74,0,0,1,0-151.47,20.66,20.66,0,0,1,0,41.31Z" fill="#3AADAA"/>
<path d="M493.05,1035.6a34.42,34.42,0,0,0-68.83,0,20.65,20.65,0,0,1-41.3,0,75.72,75.72,0,0,1,151.43,0,20.65,20.65,0,0,1-41.3,0Z" fill="#383E45"/>
<path d="M358.47,924.11a34.43,34.43,0,1,0-34.42-34.42,20.65,20.65,0,0,1-41.3,0,75.72,75.72,0,1,1,75.72,75.73,20.66,20.66,0,0,1,0-41.31Z" fill="#F6F6F6"/>
<path d="M250.94,1178.78a20.63,20.63,0,0,1,20.62-20.63H395.3a20.63,20.63,0,0,1,0,41.26H271.56A20.63,20.63,0,0,1,250.94,1178.78Z" fill="#3AADAA"/>
<path d="M763,1178.78a20.64,20.64,0,0,1,20.64-20.63H947.37a20.63,20.63,0,1,1,0,41.26H783.61A20.64,20.64,0,0,1,763,1178.78Z" fill="#F6F6F6"/>
</g>
<g class="elements">
<path id="element_1" d="M1338.05,29.37a20.63,20.63,0,1,1-20.73-20.53A20.63,20.63,0,0,1,1338.05,29.37Z" fill="#7C6576" transform="translate(-155)">
<animateMotion dur="8s" repeatCount="indefinite" path="M0,154.22A154.22,154.22,0,0,1,154.22,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_2" d="M1339.22,238.7a20.62,20.62,0,1,1-20.62-20.63A20.62,20.62,0,0,1,1339.22,238.7Z" fill="#7C6576" transform="translate(-57 -111)">
<animateMotion dur="5s" repeatCount="indefinite" path="M54.72,109.45a54.73,54.73,0,1,1,54.73-54.73" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_3" d="M1088.81,456.19a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,1088.81,456.19Z" fill="#383E45" transform="translate(-134)">
<animateMotion dur="7s" repeatCount="indefinite" path="M134.27,0A134.26,134.26,0,0,1,0,134.27" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_4" d="M1395.79,502.16a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,1395.79,502.16Z" fill="#7C6576">
<animateMotion dur="9s" repeatCount="indefinite" path="M0,0A115.1,115.1,0,0,0,115.1,115.1" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_5" d="M1370.31,675.88a20.63,20.63,0,1,1,0-29.17A20.62,20.62,0,0,1,1370.31,675.88Z" fill="#383E45" transform="translate(-156 -2)">
<animateMotion dur="12s" repeatCount="indefinite" path="M155.57,0A155.57,155.57,0,0,1,0,155.57" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_6" d="M1587.29,732.61A20.63,20.63,0,1,1,1566.66,712,20.63,20.63,0,0,1,1587.29,732.61Z" fill="#7C6576" transform="translate(-200)">
<animateMotion dur="4s" repeatCount="indefinite" path="M0,200.86C0,89.93,89.93,0,200.86,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_7" d="M1492.42,930.06a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,1492.42,930.06Z" fill="#7C6576" transform="translate(0 -96)">
<animateMotion dur="6s" repeatCount="indefinite" path="M0,96.37A96.37,96.37,0,0,1,96.37,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_8" d="M725.85,763.26a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,725.85,763.26Z" fill="#7C6576" transform="translate(2 -178)">
<animateMotion dur="8s" repeatCount="indefinite" path="M178.06,0A178.06,178.06,0,0,1,0,178.06" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_9" d="M1088.81,780.94a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1088.81,780.94Z" fill="#7C6576" transform="translate(-68 -142)
">
<animateMotion dur="15s" repeatCount="indefinite" path="M70.14,140.28A70.14,70.14,0,0,1,70.14,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_10" d="M1142.43,1009a20.63,20.63,0,1,1-20.63-20.63A20.63,20.63,0,0,1,1142.43,1009Z" fill="#7C6576" transform="translate(0 -56)">
<animateMotion dur="13s" repeatCount="indefinite" path="M56.31,0A56.31,56.31,0,1,1,0,56.31" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_11" d="M1046.38,1009.63A20.62,20.62,0,1,1,1025.76,989,20.63,20.63,0,0,1,1046.38,1009.63Z" fill="#7C6576" transform="translate(-53)">
<animateMotion dur="8s" repeatCount="indefinite" path="M55.7,111.39A55.7,55.7,0,1,1,55.7,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_12" d="M403.54,1056.19a20.63,20.63,0,1,1,20.63-20.63A20.63,20.63,0,0,1,403.54,1056.19Z" fill="#7C6576" transform="translate(0 -54)">
<animateMotion dur="6s" repeatCount="indefinite" path="M0,55.09a55.09,55.09,0,1,1,110.17,0" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_13" d="M303.38,911.79A20.63,20.63,0,1,1,324,891.16,20.63,20.63,0,0,1,303.38,911.79Z" fill="#7C6576" transform="translate(0 -58)">
<animateMotion dur="3s" repeatCount="indefinite" path="M0,56.35A56.35,56.35,0,1,1,56.35,112.7" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_14" d="M292.18,1178.78a20.62,20.62,0,1,0-20.62,20.63A20.63,20.63,0,0,0,292.18,1178.78Z" fill="#7C6576" transform="translate(0 -1)">
<animateMotion dur="5s" repeatCount="indefinite" path="M1,1H126.17" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
<path id="element_15" d="M952.7,1199.41a20.63,20.63,0,1,1,20.62-20.63A20.63,20.63,0,0,1,952.7,1199.41Z" fill="#7C6576" transform="translate(-170 -5)">
<animateMotion dur="11s" repeatCount="indefinite" path="M0,5.3H167.14" calcMode="spline" keyPoints="0;1;0" keyTimes="0;0.5;1" keySplines=".56 .37 .43 .58;.56 .37 .43 .58"/>
</path>
</g>
</svg>
<svg viewBox="0 0 1 1" id="preview" preserveAspectRatio="none">
<use xlink:href="#filterPath" fill="darkgrey"/>
</svg>
<image xlink:href="" clip-path="url(#clip-path)"/>
</svg>