09.svg 6.3 KB

123456789101112131415161718192021222324252627
  1. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="800 0 550 450">
  2. <style>
  3. @media only screen and (max-width: 300px) {
  4. path {stroke-width:25;}
  5. #stroke_1, #stroke_2, #stroke_3 {stroke-width:25;}
  6. }
  7. </style>
  8. <defs>
  9. <linearGradient id="gradient" x1="947.11" y1="266.23" x2="1925.97" y2="266.23" gradientUnits="userSpaceOnUse">
  10. <stop offset="0" stop-color="#3AADAA"/>
  11. <stop offset="1" stop-color="#7C6576"/>
  12. </linearGradient>
  13. </defs>
  14. <path d="M1673.12,647.35c-41.78,0-89.6-6-138.28-17.3-83.64-19.45-148.16-50.23-210.55-80-8.65-4.13-17.59-8.4-26.35-12.51l-6-2.89c-33.23-15.91-64.61-30.93-85.43-47.93-25.71-21-25.11-37.53-21.71-49.58,3.93-14,15.47-31.84,27.69-50.75,16-24.73,34.11-52.76,44-84.22,11.89-37.87,9.43-72.94-7.5-107.2-29.83-60.37-110.09-125.27-174.57-177.41-37-29.88-78.84-63.75-84.06-77.45l-.1-.24c-.3-.77.49-2.2,1.21-3.27,5.74-8.48,25.84-21.65,65-33.18a429.7,429.7,0,0,1,116.14-16.69c23.39,0,44.41,2.25,62.49,6.67,14.54,3.56,27.85,7,40.72,10.27,48,12.3,85.91,22,123.34,22,25.58,0,49.72-4.41,76-13.87,30.38-10.94,66-17,100.43-17,38.9,0,65.23,7.61,74.08,15.15l.19.16c.26.32,2.52,3.49,2.51,16.9,0,11.52-1.6,26.16-3.45,43.12-5,46.15-11.91,109.37,10.18,163.39l0,.11c21.29,50.9,67.15,92.55,111.5,132.82,37.59,34.13,76.45,69.42,98,108.76,20.87,38.71,26.67,84.92,16.34,130.11-10,43.61-34.59,82.1-67.55,105.62C1782.76,635.12,1734.2,647.35,1673.12,647.35Z" fill="none" stroke-width="2" stroke="#F6F6F6"/>
  15. <path d="M1881.84,368.1c47.36,87.8,18.65,202.14-55.75,255.16-75.45,52.53-197.37,44-294.65,21.4s-169.45-60.42-240-93.57c-69.72-33.43-136.49-63.55-121.16-118s113.55-133.54,65.16-231.46S992.39-12.28,976.29-54.54c-17.15-42.75,157-92.42,262.37-66.62S1394.25-75,1470.05-102.28c75-27,164.1-20.62,189.32.88,26,21.21-23.17,139.42,13.58,229.3C1710.76,218.27,1833.42,279.81,1881.84,368.1Z" fill="none" stroke-width="4" stroke="#F6F6F6"/>
  16. <path d="M1673.12,695.35c-45.39,0-97-6.41-149.16-18.55-88.72-20.63-155.63-52.55-220.34-83.42-8.61-4.11-17.51-8.36-26.17-12.43l-6.27-3c-35.89-17.18-69.79-33.41-95-54-16-13-27-26.63-33.69-41.57-8.26-18.41-9.57-38-3.88-58.2,5.9-20.95,19.35-41.76,33.59-63.79,15-23.25,30.57-47.29,38.49-72.55,8.12-25.86,6.61-48.6-4.73-71.56C1180.74,165.31,1105,104.09,1044.19,54.9,986,7.83,955.07-17.95,945.56-42.52c-6.23-15.77-4.06-32.72,6.1-47.76,14.29-21.13,45-38.74,91.26-52.34a472.59,472.59,0,0,1,129.68-18.64c27.23,0,52.09,2.71,73.91,8,14.78,3.62,28.22,7.06,41.21,10.39,46.48,11.92,80.06,20.52,111.43,20.52,19.86,0,38.83-3.5,59.71-11,35.47-12.77,76.91-19.81,116.7-19.81,63.9,0,93.12,16.43,105,26.4,25,20.66,21,56.63,16.09,102.12-4.71,43.3-10.58,97.18,6.84,139.91,17.2,41,57.15,77.28,99.44,115.68,40.53,36.8,82.44,74.86,107.89,121.27l.1.2c26.42,49,33.84,107.08,20.91,163.64-12.74,55.75-43.48,103.36-86.55,134.06l-.3.2C1802,680.21,1744.23,695.35,1673.12,695.35Z" fill="none" stroke-width="6" stroke="#F6F6F6"/>
  17. <path id="stroke_1" d="M1673.12,647.35c-41.78,0-89.6-6-138.28-17.3-83.64-19.45-148.16-50.23-210.55-80-8.65-4.13-17.59-8.4-26.35-12.51l-6-2.89c-33.23-15.91-64.61-30.93-85.43-47.93-25.71-21-25.11-37.53-21.71-49.58,3.93-14,15.47-31.84,27.69-50.75,16-24.73,34.11-52.76,44-84.22,11.89-37.87,9.43-72.94-7.5-107.2-29.83-60.37-110.09-125.27-174.57-177.41-37-29.88-78.84-63.75-84.06-77.45l-.1-.24c-.3-.77.49-2.2,1.21-3.27,5.74-8.48,25.84-21.65,65-33.18a429.7,429.7,0,0,1,116.14-16.69c23.39,0,44.41,2.25,62.49,6.67,14.54,3.56,27.85,7,40.72,10.27,48,12.3,85.91,22,123.34,22,25.58,0,49.72-4.41,76-13.87,30.38-10.94,66-17,100.43-17,38.9,0,65.23,7.61,74.08,15.15l.19.16c.26.32,2.52,3.49,2.51,16.9,0,11.52-1.6,26.16-3.45,43.12-5,46.15-11.91,109.37,10.18,163.39l0,.11c21.29,50.9,67.15,92.55,111.5,132.82,37.59,34.13,76.45,69.42,98,108.76,20.87,38.71,26.67,84.92,16.34,130.11-10,43.61-34.59,82.1-67.55,105.62C1782.76,635.12,1734.2,647.35,1673.12,647.35Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" stroke-dasharray="326.57 1088.58 0 0 0 0" stroke="url(#gradient)" stroke-dashoffset="600">
  18. <animate attributeName="stroke-dashoffset" dur="6s" repeatCount="indefinite" values="310;1250;1250" calcMode="spline" keyTimes="0;.17;1" keySplines=".445 .05 .55 .95;.445 .05 .55 .95"/>
  19. </path>
  20. <path id="stroke_2" d="M1881.84,368.1c47.36,87.8,18.65,202.14-55.75,255.16-75.45,52.53-197.37,44-294.65,21.4s-169.45-60.42-240-93.57c-69.72-33.43-136.49-63.55-121.16-118s113.55-133.54,65.16-231.46S992.39-12.28,976.29-54.54c-17.15-42.75,157-92.42,262.37-66.62S1394.25-75,1470.05-102.28c75-27,164.1-20.62,189.32.88,26,21.21-23.17,139.42,13.58,229.3C1710.76,218.27,1833.42,279.81,1881.84,368.1Z" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10" stroke-dasharray="337.45 1124.83 0 0 0 0" stroke="url(#gradient)" stroke-dashoffset="300">
  21. <animate attributeName="stroke-dashoffset" dur="6s" repeatCount="indefinite" values="-130;-130;800;800" calcMode="spline" keyTimes="0;.02;.14;1" keySplines=".445 .05 .55 .95;.445 .05 .55 .95;.445 .05 .55 .95"/>
  22. </path>
  23. <path id="stroke_3" d="M1673.12,695.35c-45.39,0-97-6.41-149.16-18.55-88.72-20.63-155.63-52.55-220.34-83.42-8.61-4.11-17.51-8.36-26.17-12.43l-6.27-3c-35.89-17.18-69.79-33.41-95-54-16-13-27-26.63-33.69-41.57-8.26-18.41-9.57-38-3.88-58.2,5.9-20.95,19.35-41.76,33.59-63.79,15-23.25,30.57-47.29,38.49-72.55,8.12-25.86,6.61-48.6-4.73-71.56C1180.74,165.31,1105,104.09,1044.19,54.9,986,7.83,955.07-17.95,945.56-42.52c-6.23-15.77-4.06-32.72,6.1-47.76,14.29-21.13,45-38.74,91.26-52.34a472.59,472.59,0,0,1,129.68-18.64c27.23,0,52.09,2.71,73.91,8,14.78,3.62,28.22,7.06,41.21,10.39,46.48,11.92,80.06,20.52,111.43,20.52,19.86,0,38.83-3.5,59.71-11,35.47-12.77,76.91-19.81,116.7-19.81,63.9,0,93.12,16.43,105,26.4,25,20.66,21,56.63,16.09,102.12-4.71,43.3-10.58,97.18,6.84,139.91,17.2,41,57.15,77.28,99.44,115.68,40.53,36.8,82.44,74.86,107.89,121.27l.1.2c26.42,49,33.84,107.08,20.91,163.64-12.74,55.75-43.48,103.36-86.55,134.06l-.3.2C1802,680.21,1744.23,695.35,1673.12,695.35Z" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="15" stroke-dasharray="361.39 1204.62 0 0 0 0" stroke="url(#gradient)" stroke-dashoffset="1000">
  24. <animate attributeName="stroke-dashoffset" dur="6s" repeatCount="indefinite" values="350;350;1350;1350" calcMode="spline" keyTimes="0;.02;.19;1" keySplines=".445 .05 .55 .95;.445 .05 .55 .95;.445 .05 .55 .95"/>
  25. </path>
  26. </svg>