| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- 64x64 Version - Updated with bolder lines -->
- <g id="icon-64" transform="translate(0,0)">
- <svg viewBox="0 0 64 64" width="64" height="64">
- <!-- Background -->
- <rect x="0" y="0" width="64" height="64" fill="#0a0a0a" rx="8"/>
-
- <!-- Pot Body - Increased stroke width -->
- <path d="M16 20
- C16 20, 14 12, 24 12
- L40 12
- C50 12, 48 20, 48 20
- C55 25, 54 40, 52 52
- C52 54, 12 54, 12 52
- C10 40, 9 25, 16 20 Z"
- fill="#1a1a1a" stroke="#00ff00" stroke-width="3"/>
-
- <!-- Pot Neck - Increased stroke width -->
- <path d="M24 12 C24 8, 40 8, 40 12" stroke="#00ff00" stroke-width="3" fill="none"/>
-
- <!-- Steam - Slightly thicker -->
- <path d="M28 6 Q32 2 36 6" stroke="#00ff00" stroke-width="2" opacity="0.6">
- <animate attributeName="opacity" values="0.6;0.3;0.6" dur="2s" repeatCount="indefinite"/>
- </path>
-
- <!-- Gears - Made larger -->
- <g class="falling-gears">
- <path d="M14 30 L18 26 L22 30 L18 34 Z" fill="#00cc00" transform="rotate(45, 18, 30)">
- <animateTransform attributeName="transform" type="rotate" from="0 18 30" to="360 18 30" dur="3s" repeatCount="indefinite"/>
- </path>
-
- <path d="M41 35 L45 31 L49 35 L45 39 Z" fill="#33ff33" transform="rotate(-30, 45, 35)">
- <animateTransform attributeName="transform" type="rotate" from="360 45 35" to="0 45 35" dur="2s" repeatCount="indefinite"/>
- </path>
-
- <path d="M29 45 L33 41 L37 45 L33 49 Z" fill="#00ff66" transform="rotate(15, 33, 45)">
- <animateTransform attributeName="transform" type="rotate" from="0 33 45" to="360 33 45" dur="2.5s" repeatCount="indefinite"/>
- </path>
- </g>
-
- <!-- Glowing Elements - Made larger -->
- <circle cx="25" cy="25" r="4" fill="#00ff00">
- <animate attributeName="opacity" values="1;0.5;1" dur="1s" repeatCount="indefinite"/>
- </circle>
- <circle cx="40" cy="20" r="3" fill="#33ff33">
- <animate attributeName="opacity" values="0.5;1;0.5" dur="1.5s" repeatCount="indefinite"/>
- </circle>
- </svg>
- </g>
- <!-- 32x32 Version -->
- <g id="icon-32" transform="translate(80,0)">
- <svg viewBox="0 0 32 32" width="32" height="32">
- <!-- Background -->
- <rect x="0" y="0" width="32" height="32" fill="#0a0a0a" rx="4"/>
-
- <!-- Simplified Pot - Increased stroke width -->
- <path d="M8 10
- C8 10, 7 6, 12 6
- L20 6
- C25 6, 24 10, 24 10
- C28 12, 27 20, 26 26
- C26 27, 6 27, 6 26
- C5 20, 4 12, 8 10 Z"
- fill="#1a1a1a" stroke="#00ff00" stroke-width="2"/>
-
- <!-- Pot Neck - Increased stroke width -->
- <path d="M12 6 C12 4, 20 4, 20 6" stroke="#00ff00" stroke-width="2" fill="none"/>
-
- <!-- Larger Gears -->
- <path d="M9 15 L12 12 L15 15 L12 18 Z" fill="#00cc00">
- <animateTransform attributeName="transform" type="rotate" from="0 12 15" to="360 12 15" dur="3s" repeatCount="indefinite"/>
- </path>
- <path d="M17 18 L20 15 L23 18 L20 21 Z" fill="#33ff33">
- <animateTransform attributeName="transform" type="rotate" from="360 20 18" to="0 20 18" dur="2s" repeatCount="indefinite"/>
- </path>
- <!-- Glowing dot -->
- <circle cx="16" cy="12" r="2" fill="#00ff00">
- <animate attributeName="opacity" values="1;0.5;1" dur="1s" repeatCount="indefinite"/>
- </circle>
- </svg>
- </g>
- <!-- 16x16 Version -->
- <g id="icon-16" transform="translate(128,0)">
- <svg viewBox="0 0 16 16" width="16" height="16">
- <!-- Background -->
- <rect x="0" y="0" width="16" height="16" fill="#0a0a0a" rx="2"/>
-
- <!-- Minimal Pot - Increased stroke width -->
- <path d="M4.5 5
- C4.5 5, 4 3, 6 3
- L10 3
- C12 3, 11.5 5, 11.5 5
- C13 6, 12.5 10, 12 12.5
- C12 13, 4 13, 4 12.5
- C3.5 10, 3 6, 4.5 5 Z"
- fill="#1a1a1a" stroke="#00ff00" stroke-width="1.5"/>
-
- <!-- Larger Gear -->
- <path d="M6 8 L7.5 6.5 L9 8 L7.5 9.5 Z" fill="#00cc00">
- <animateTransform attributeName="transform" type="rotate" from="0 7.5 8" to="360 7.5 8" dur="3s" repeatCount="indefinite"/>
- </path>
- <!-- Larger glowing dot -->
- <circle cx="10" cy="6" r="1.2" fill="#00ff00"/>
- </svg>
- </g>
- </svg>
|