CalvinBackup/awesome-chatgpt-prompts-prompts.chat
1
0
Fork 0
mirror of https://github.com/f/awesome-chatgpt-prompts.git synced 2026-02-12 15:52:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add animated logo SVG file

Browse Source 
⚠️ This is a stroke-based (line) version of the logo, not the original filled vector. 
The animation uses stroke-dashoffset technique.
Use with awareness of these differences.
This commit is contained in:
Ibrahim Uzun
2025-12-17 10:07:44 +03:00
committed by GitHub
parent cc16c1c6e8
commit c69c761d7e
1 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
public/logo-animated.svg Normal file
View File

@@ -0,0 +1,58 @@
<svg
width="946"
height="1069"
viewBox="-100 -100 946 1069"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<path
id="motionPath"
d="M243.87 664.49C243.4 645.99 242.26 626.77 240.95 607.15C238.32 567.92 235.011 527.13 235.011 487.5C235.011 383.5 236.011 286.373 236.011 258C236.011 201.5 278.011 29.9011 480.011 22.5C611.011 22.5 722.511 128.5 722.511 274.5C719.011 440 590.011 514 511.011 523.5C445.511 528.5 302.511 521 236.011 536C89.5112 564 24.5112 653 22.5112 740.5C25.0112 797.5 73.705 854.432 138.011 845C213.011 834 237.261 784.2585 242.761 717.45C244.136 700.748 244.338 682.98 243.87 664.49Z"
/>
</defs>
<path
d="M243.87 664.49C243.4 645.99 242.26 626.77 240.95 607.15C238.32 567.92 235.011 527.13 235.011 487.5C235.011 383.5 236.011 286.373 236.011 258C236.011 201.5 278.011 29.9011 480.011 22.5C611.011 22.5 722.511 128.5 722.511 274.5C719.011 440 590.011 514 511.011 523.5C445.511 528.5 302.511 521 236.011 536C89.5112 564 24.5112 653 22.5112 740.5C25.0112 797.5 73.705 854.432 138.011 845C213.011 834 237.261 784.2585 242.761 717.45C244.136 700.748 244.338 682.98 243.87 664.49Z"
stroke="black"
stroke-width="45"
fill="none"
stroke-linecap="butt"
stroke-linejoin="round"
pathLength="1"
stroke-dasharray="0.928 0.072"
vector-effect="non-scaling-stroke"
>
<animate
attributeName="stroke-dashoffset"
values="0.928;-0.072;-0.072"
keyTimes="0;0.6;1"
keySplines="0 0 0.58 1; 0 0 1 1"
calcMode="spline"
dur="2.5s"
repeatCount="indefinite"
/>
</path>
<g opacity="0">
<animate attributeName="opacity" values="1" dur="0.001s" fill="freeze" />
<animateMotion
dur="2.5s"
repeatCount="indefinite"
rotate="auto"
keyPoints="0;1;1"
keyTimes="0;0.6;1"
keySplines="0 0 0.58 1; 0 0 1 1"
calcMode="spline"
>
<mpath href="#motionPath" />
</animateMotion>
<g transform="rotate(90) translate(-84.5 -76.5)">
<path
d="M60.6128 136.748C68.9834 135.395 72.1395 134.817 80.6128 134.5C91.4778 134.094 98.6817 134.903 109.363 136.748C114.646 137.66 116.288 138.631 122.613 140.344C128.938 142.058 138.818 145.045 144.57 146.983C150.321 148.922 157.639 151.047 160.832 151.706C165.889 152.751 166.844 152.697 168.25 151.292C169.137 150.405 169.863 148.61 169.863 147.304C169.863 145.997 166.644 139.214 162.709 132.23C158.195 124.255 92.0978 8.2621 89.6847 4.00002C87.7915 1.14052 86.3371 1.89543e-05 84.5838 1.89543e-05C82.8465 1.89543e-05 81.4213 1.09683 79.6974 3.76077C71.3257 18.4124 7.85048 131.024 2.88796 139.817C-0.105814 145.589 -0.479593 147.002 0.448629 149.039C1.05154 150.362 2.68007 151.73 4.06765 152.078C5.76381 152.504 13.2299 150.653 26.8517 146.431C37.9953 142.976 49.9114 139.39 53.3319 138.461C56.7523 137.532 57.9725 137.175 60.6128 136.748Z"
fill="black"
/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB