SVGs

Checklist

<div class="doodle doodle--checklist">
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- Checklist icon: mint backplate + mint "bleed" halo + white offset impression + black doodle lines -->
  <g id="icon-checklist" fill="none">

    <!-- Backplate (mint), flat fill, offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 330 210
           C 305 210, 288 226, 288 252
           L 288 820
           C 288 845, 304 864, 332 866
           L 710 866
           C 738 864, 755 846, 756 820
           L 756 252
           C 755 226, 738 210, 712 210
           L 330 210
           Z"
        fill="#81BDA4"/>
    </g>

    <!-- Mint "bleed" halo around the main icon silhouette (slightly larger + softly offset)
         This mimics the background seeping around the shape like your cloud examples. -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 330 210
           C 302 210, 284 229, 288 258
           L 288 820
           C 286 850, 307 872, 336 874
           L 710 874
           C 741 872, 762 850, 764 820
           L 764 258
           C 762 229, 742 210, 714 210
           L 330 210
           Z"
        fill="#81BDA4"
        opacity="0.85"/>
    </g>

    <!-- Foreground: no fill so the mint shows through -->
    <!-- Every line is drawn twice:
         1) white impression stroke offset down-right (closer + thinner than before)
         2) black stroke on top -->
    <g id="foreground">

      <!-- WHITE OFFSET "IMPRESSION" (behind) -->
      <!-- closer offset: ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Page outline -->
        <path
          d="M 330 210
             C 304 210, 286 228, 288 252
             L 288 820
             C 287 846, 305 864, 332 866
             L 710 866
             C 737 864, 754 845, 756 820
             L 756 252
             C 755 228, 737 210, 712 210
             L 330 210
             Z"/>

        <!-- Boxes -->
        <path d="M 330 330 C 330 318, 338 310, 350 310 L 410 310 C 422 310, 430 318, 430 330 L 430 390 C 430 402, 422 410, 410 410 L 350 410 C 338 410, 330 402, 330 390 Z"/>
        <path d="M 330 470 C 330 458, 338 450, 350 450 L 410 450 C 422 450, 430 458, 430 470 L 430 530 C 430 542, 422 550, 410 550 L 350 550 C 338 550, 330 542, 330 530 Z"/>
        <path d="M 330 610 C 330 598, 338 590, 350 590 L 410 590 C 422 590, 430 598, 430 610 L 430 670 C 430 682, 422 690, 410 690 L 350 690 C 338 690, 330 682, 330 670 Z"/>

        <!-- Checks -->
        <path d="M 346 356 L 372 382 L 416 332"/>
        <path d="M 346 636 L 371 662 L 417 612"/>

        <!-- Lines -->
        <path d="M 470 350 C 520 346, 590 348, 692 350"/>
        <path d="M 470 490 C 525 486, 602 488, 704 490"/>
        <path d="M 470 630 C 525 626, 602 628, 704 630"/>
      </g>

      <!-- BLACK DOODLE LINES (top) -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Page outline -->
        <path
          d="M 330 210
             C 304 210, 286 228, 288 252
             L 288 820
             C 287 846, 305 864, 332 866
             L 710 866
             C 737 864, 754 845, 756 820
             L 756 252
             C 755 228, 737 210, 712 210
             L 330 210
             Z"/>

        <!-- Boxes -->
        <path d="M 330 330 C 330 318, 338 310, 350 310 L 410 310 C 422 310, 430 318, 430 330 L 430 390 C 430 402, 422 410, 410 410 L 350 410 C 338 410, 330 402, 330 390 Z"/>
        <path d="M 330 470 C 330 458, 338 450, 350 450 L 410 450 C 422 450, 430 458, 430 470 L 430 530 C 430 542, 422 550, 410 550 L 350 550 C 338 550, 330 542, 330 530 Z"/>
        <path d="M 330 610 C 330 598, 338 590, 350 590 L 410 590 C 422 590, 430 598, 430 610 L 430 670 C 430 682, 422 690, 410 690 L 350 690 C 338 690, 330 682, 330 670 Z"/>

        <!-- Checks -->
        <path d="M 346 356 L 372 382 L 416 332"/>
        <path d="M 346 636 L 371 662 L 417 612"/>

        <!-- Lines -->
        <path d="M 470 350 C 520 346, 590 348, 692 350"/>
        <path d="M 470 490 C 525 486, 602 488, 704 490"/>
        <path d="M 470 630 C 525 626, 602 628, 704 630"/>
      </g>
    </g>
  </g>
</svg>


</div>

</br>
Contract

<div class="doodle doodle--contract">
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- ICON: Contract / document with folded corner + signature line -->
  <g id="icon-contract" fill="none">

    <!-- Backplate (pick from palette): warm yellow -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 320 190
           C 296 190, 278 206, 278 232
           L 278 844
           C 278 870, 296 888, 322 890
           L 662 890
           C 690 890, 710 876, 726 856
           L 782 788
           C 798 768, 804 756, 804 734
           L 804 232
           C 804 206, 786 190, 760 190
           L 320 190
           Z"
        fill="#EDC951"/>
    </g>

    <!-- Warm yellow "bleed" halo to mimic background seeping around the silhouette -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 320 190
           C 292 190, 272 210, 278 240
           L 278 844
           C 276 876, 300 902, 334 904
           L 664 904
           C 696 904, 721 888, 740 864
           L 800 792
           C 818 770, 824 756, 824 728
           L 824 240
           C 822 210, 800 190, 772 190
           L 320 190
           Z"
        fill="#EDC951"
        opacity="0.85"/>
    </g>

    <!-- Foreground: transparent fill (so yellow shows through) -->
    <!-- Draw all lines twice: white offset impression + black doodle lines -->
    <g id="foreground">

      <!-- WHITE OFFSET "IMPRESSION" (behind) -->
      <!-- closer offset: ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Document outline with folded corner -->
        <path
          d="M 320 190
             C 296 190, 278 206, 278 232
             L 278 844
             C 278 870, 296 888, 322 890
             L 662 890
             C 690 890, 710 876, 726 856
             L 782 788
             C 798 768, 804 756, 804 734
             L 804 232
             C 804 206, 786 190, 760 190
             L 320 190
             Z"/>

        <!-- Fold line (inner) -->
        <path d="M 706 190 C 712 238, 712 306, 708 356" />
        <path d="M 708 356 C 742 356, 782 354, 804 350" />

        <!-- Text lines -->
        <path d="M 338 320 C 420 314, 520 316, 720 320" />
        <path d="M 338 405 C 430 399, 542 401, 746 405" />
        <path d="M 338 490 C 420 486, 540 486, 728 490" />

        <!-- Clause bullets + shorter lines -->
        <path d="M 352 580 C 360 578, 370 578, 380 580" />
        <path d="M 405 580 C 480 576, 565 578, 720 580" />

        <path d="M 352 650 C 360 648, 370 648, 380 650" />
        <path d="M 405 650 C 470 646, 560 648, 700 650" />

        <!-- Signature squiggle + signature line -->
        <path d="M 340 790 C 380 760, 420 820, 460 792 C 485 774, 510 790, 535 784" />
        <path d="M 560 820 C 610 816, 670 816, 740 820" />

        <!-- Small date line -->
        <path d="M 560 860 C 610 858, 655 858, 710 860" />
      </g>

      <!-- BLACK DOODLE LINES (top) -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Document outline with folded corner -->
        <path
          d="M 320 190
             C 296 190, 278 206, 278 232
             L 278 844
             C 278 870, 296 888, 322 890
             L 662 890
             C 690 890, 710 876, 726 856
             L 782 788
             C 798 768, 804 756, 804 734
             L 804 232
             C 804 206, 786 190, 760 190
             L 320 190
             Z"/>

        <!-- Fold line (inner) -->
        <path d="M 706 190 C 712 238, 712 306, 708 356" />
        <path d="M 708 356 C 742 356, 782 354, 804 350" />

        <!-- Text lines -->
        <path d="M 338 320 C 420 314, 520 316, 720 320" />
        <path d="M 338 405 C 430 399, 542 401, 746 405" />
        <path d="M 338 490 C 420 486, 540 486, 728 490" />

        <!-- Clause bullets + shorter lines -->
        <path d="M 352 580 C 360 578, 370 578, 380 580" />
        <path d="M 405 580 C 480 576, 565 578, 720 580" />

        <path d="M 352 650 C 360 648, 370 648, 380 650" />
        <path d="M 405 650 C 470 646, 560 648, 700 650" />

        <!-- Signature squiggle + signature line -->
        <path d="M 340 790 C 380 760, 420 820, 460 792 C 485 774, 510 790, 535 784" />
        <path d="M 560 820 C 610 816, 670 816, 740 820" />

        <!-- Small date line -->
        <path d="M 560 860 C 610 858, 655 858, 710 860" />
      </g>
    </g>
  </g>
</svg>

</div>

</br>
Calendar

<div class="doodle doodle--calendar">
  <svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- ICON: Calendar (top binding + grid + one highlighted day) -->
  <g id="icon-calendar" fill="none">

    <!-- Backplate (pick from palette): lavender -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 280 260
           C 280 230, 302 208, 332 208
           L 692 208
           C 722 208, 744 230, 744 260
           L 744 820
           C 744 850, 722 872, 692 874
           L 332 874
           C 302 872, 280 850, 280 820
           L 280 260
           Z"
        fill="#8B71B5"/>
    </g>

    <!-- Lavender "bleed" halo (background seeping around silhouette) -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 280 260
           C 278 224, 304 198, 340 198
           L 692 198
           C 728 198, 756 224, 756 260
           L 756 820
           C 756 858, 728 886, 692 888
           L 338 888
           C 304 886, 276 858, 278 820
           L 280 260
           Z"
        fill="#8B71B5"
        opacity="0.85"/>
    </g>

    <!-- Foreground: transparent fill (so lavender shows through) -->
    <!-- Draw all lines twice: white offset impression + black doodle lines -->
    <g id="foreground">

      <!-- WHITE OFFSET "IMPRESSION" (behind) -->
      <!-- closer offset: ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Calendar outline -->
        <path
          d="M 280 260
             C 280 230, 302 208, 332 208
             L 692 208
             C 722 208, 744 230, 744 260
             L 744 820
             C 744 850, 722 872, 692 874
             L 332 874
             C 302 872, 280 850, 280 820
             L 280 260
             Z"/>

        <!-- Top header divider -->
        <path d="M 300 340 C 410 334, 560 336, 724 340" />

        <!-- Rings / binding tabs -->
        <path d="M 360 185 C 360 220, 360 250, 360 285" />
        <path d="M 664 185 C 664 220, 664 250, 664 285" />

        <!-- Small ring caps (little bumps) -->
        <path d="M 336 285 C 350 292, 370 292, 384 285" />
        <path d="M 640 285 C 654 292, 674 292, 688 285" />

        <!-- Grid (3 columns x 3 rows, loosely doodled) -->
        <!-- Vertical grid lines -->
        <path d="M 392 380 C 390 500, 392 640, 392 820" />
        <path d="M 512 380 C 510 500, 512 640, 512 820" />
        <path d="M 632 380 C 630 500, 632 640, 632 820" />

        <!-- Horizontal grid lines -->
        <path d="M 300 460 C 440 456, 590 458, 724 460" />
        <path d="M 300 580 C 440 576, 590 578, 724 580" />
        <path d="M 300 700 C 440 696, 590 698, 724 700" />

        <!-- Highlighted day (a circled date) -->
        <path d="M 572 624 C 548 606, 520 612, 508 636 C 496 662, 518 686, 546 684 C 574 682, 588 652, 572 624 Z" />

        <!-- Tiny "date dot" in top-right cell for extra friendliness -->
        <path d="M 662 410 C 670 406, 680 406, 688 410" />
      </g>

      <!-- BLACK DOODLE LINES (top) -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Calendar outline -->
        <path
          d="M 280 260
             C 280 230, 302 208, 332 208
             L 692 208
             C 722 208, 744 230, 744 260
             L 744 820
             C 744 850, 722 872, 692 874
             L 332 874
             C 302 872, 280 850, 280 820
             L 280 260
             Z"/>

        <!-- Top header divider -->
        <path d="M 300 340 C 410 334, 560 336, 724 340" />

        <!-- Rings / binding tabs -->
        <path d="M 360 185 C 360 220, 360 250, 360 285" />
        <path d="M 664 185 C 664 220, 664 250, 664 285" />

        <!-- Small ring caps -->
        <path d="M 336 285 C 350 292, 370 292, 384 285" />
        <path d="M 640 285 C 654 292, 674 292, 688 285" />

        <!-- Grid -->
        <!-- Vertical -->
        <path d="M 392 380 C 390 500, 392 640, 392 820" />
        <path d="M 512 380 C 510 500, 512 640, 512 820" />
        <path d="M 632 380 C 630 500, 632 640, 632 820" />

        <!-- Horizontal -->
        <path d="M 300 460 C 440 456, 590 458, 724 460" />
        <path d="M 300 580 C 440 576, 590 578, 724 580" />
        <path d="M 300 700 C 440 696, 590 698, 724 700" />

        <!-- Highlighted day (circled) -->
        <path d="M 572 624 C 548 606, 520 612, 508 636 C 496 662, 518 686, 546 684 C 574 682, 588 652, 572 624 Z" />

        <!-- Tiny dot -->
        <path d="M 662 410 C 670 406, 680 406, 688 410" />
      </g>
    </g>
  </g>
</svg>

</div>


</br>


Folder

<div class="doodle doodle--folder">
  
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- ICON: Folder with a file in the middle -->
  <g id="icon-folder-file" fill="none">

    <!-- Backplate (palette, not yet used in this set): warm yellow -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <!-- Folder silhouette -->
      <path
        d="M 236 342
           C 236 312, 260 288, 290 288
           L 432 288
           C 452 288, 468 296, 482 312
           L 520 354
           L 788 354
           C 820 354, 844 378, 844 410
           L 844 782
           C 844 814, 820 838, 788 840
           L 290 840
           C 260 838, 236 814, 236 782
           L 236 342
           Z"
        fill="#EDC951"/>
    </g>

    <!-- Yellow "bleed" halo (background seeping around silhouette) -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 236 342
           C 234 306, 262 276, 298 276
           L 436 276
           C 462 276, 482 288, 498 306
           L 540 352
           L 792 352
           C 832 352, 864 384, 864 424
           L 864 790
           C 864 832, 832 864, 792 866
           L 294 866
           C 254 864, 224 832, 226 790
           L 236 342
           Z"
        fill="#EDC951"
        opacity="0.85"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" -->
      <!-- closer offset: ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Folder outline (hand-wobbly) -->
        <path
          d="M 236 342
             C 236 312, 260 288, 290 288
             L 432 288
             C 452 288, 468 296, 482 312
             L 520 354
             L 788 354
             C 820 354, 844 378, 844 410
             L 844 782
             C 844 814, 820 838, 788 840
             L 290 840
             C 260 838, 236 814, 236 782
             L 236 342
             Z"/>

        <!-- Folder flap inner seam -->
        <path d="M 248 410 C 360 402, 520 404, 832 410" />

        <!-- File in the middle (document) -->
        <path
          d="M 412 472
             C 412 450, 430 432, 452 432
             L 608 432
             C 628 432, 642 440, 654 452
             L 702 500
             L 702 720
             C 702 744, 684 762, 660 762
             L 452 762
             C 430 762, 412 744, 412 722
             L 412 472
             Z"/>

        <!-- File fold -->
        <path d="M 608 432 C 612 470, 654 474, 702 500" />

        <!-- File lines -->
        <path d="M 450 560 C 506 552, 580 552, 660 560" />
        <path d="M 450 610 C 506 602, 580 602, 660 610" />
        <path d="M 450 660 C 506 652, 580 652, 632 660" />
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Folder outline -->
        <path
          d="M 236 342
             C 236 312, 260 288, 290 288
             L 432 288
             C 452 288, 468 296, 482 312
             L 520 354
             L 788 354
             C 820 354, 844 378, 844 410
             L 844 782
             C 844 814, 820 838, 788 840
             L 290 840
             C 260 838, 236 814, 236 782
             L 236 342
             Z"/>

        <!-- Folder flap seam -->
        <path d="M 248 410 C 360 402, 520 404, 832 410" />

        <!-- File in the middle -->
        <path
          d="M 412 472
             C 412 450, 430 432, 452 432
             L 608 432
             C 628 432, 642 440, 654 452
             L 702 500
             L 702 720
             C 702 744, 684 762, 660 762
             L 452 762
             C 430 762, 412 744, 412 722
             L 412 472
             Z"/>

        <!-- File fold -->
        <path d="M 608 432 C 612 470, 654 474, 702 500" />

        <!-- File lines -->
        <path d="M 450 560 C 506 552, 580 552, 660 560" />
        <path d="M 450 610 C 506 602, 580 602, 660 610" />
        <path d="M 450 660 C 506 652, 580 652, 632 660" />
      </g>
    </g>
  </g>
</svg>

</div>


</br>
Shield
<div class="doodle doodle--shield">
  <svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- ICON: Shield -->
  <g id="icon-shield" fill="none">

    <!-- Backplate (palette, not yet used in this set): coral -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 512 176
           C 560 214, 640 244, 724 262
           C 724 262, 724 458, 724 458
           C 724 608, 646 728, 512 816
           C 378 728, 300 608, 300 458
           C 300 458, 300 262, 300 262
           C 384 244, 464 214, 512 176
           Z"
        fill="#FF917B"/>
    </g>

    <!-- Coral "bleed" halo (background seeping around silhouette) -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 512 168
           C 566 210, 650 242, 740 260
           C 742 260, 742 462, 742 462
           C 742 626, 656 756, 512 850
           C 368 756, 282 626, 282 462
           C 282 462, 282 260, 282 260
           C 374 242, 458 210, 512 168
           Z"
        fill="#FF917B"
        opacity="0.85"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" -->
      <!-- closer offset: ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Shield outline (slightly imperfect) -->
        <path
          d="M 512 176
             C 560 214, 640 244, 724 262
             C 724 262, 724 458, 724 458
             C 724 608, 646 728, 512 816
             C 378 728, 300 608, 300 458
             C 300 458, 300 262, 300 262
             C 384 244, 464 214, 512 176
             Z"/>

        <!-- Inner seam / highlight contour -->
        <path
          d="M 512 226
             C 552 254, 614 278, 676 292
             C 676 292, 676 456, 676 456
             C 676 578, 616 672, 512 742
             C 408 672, 348 578, 348 456
             C 348 456, 348 292, 348 292
             C 410 278, 472 254, 512 226
             Z"/>

        <!-- Simple center emblem (small check-like stroke for "protection") -->
        <path d="M 452 520 L 498 566 L 586 478" />
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Shield outline -->
        <path
          d="M 512 176
             C 560 214, 640 244, 724 262
             C 724 262, 724 458, 724 458
             C 724 608, 646 728, 512 816
             C 378 728, 300 608, 300 458
             C 300 458, 300 262, 300 262
             C 384 244, 464 214, 512 176
             Z"/>

        <!-- Inner seam -->
        <path
          d="M 512 226
             C 552 254, 614 278, 676 292
             C 676 292, 676 456, 676 456
             C 676 578, 616 672, 512 742
             C 408 672, 348 578, 348 456
             C 348 456, 348 292, 348 292
             C 410 278, 472 254, 512 226
             Z"/>

        <!-- Center mark -->
        <path d="M 452 520 L 498 566 L 586 478" />
      </g>
    </g>
  </g>
</svg>
</div>
</br>

Lightbulb

<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default: no canvas rect. -->

  <!-- ICON: Lightbulb + spaced, longer light rays (no curved arc) -->
  <g id="icon-lightbulb" fill="none">

    <!-- Backplate (palette): aqua -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 512 210
           C 412 210, 330 288, 330 388
           C 330 468, 382 532, 420 576
           C 446 606, 462 628, 468 662
           L 468 706
           C 468 736, 492 760, 522 760
           L 562 760
           C 592 760, 616 736, 616 706
           L 616 662
           C 622 628, 638 606, 664 576
           C 702 532, 754 468, 754 388
           C 754 288, 612 210, 512 210
           Z
           M 452 760
           L 632 760
           C 652 760, 668 776, 668 796
           L 668 820
           C 668 846, 646 866, 620 866
           L 464 866
           C 438 866, 416 846, 416 820
           L 416 796
           C 416 776, 432 760, 452 760
           Z"
        fill="#53ECF4"/>
    </g>

    <!-- Aqua "bleed" halo -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 512 210
           C 404 210, 320 294, 320 396
           C 320 480, 375 547, 414 592
           C 438 620, 456 644, 462 682
           L 462 712
           C 462 748, 490 776, 526 776
           L 560 776
           C 596 776, 624 748, 624 712
           L 624 682
           C 630 644, 648 620, 672 592
           C 711 547, 766 480, 766 396
           C 766 294, 620 210, 512 210
           Z
           M 448 776
           L 636 776
           C 660 776, 680 796, 680 820
           L 680 838
           C 680 868, 654 892, 624 892
           L 460 892
           C 430 892, 404 868, 404 838
           L 404 820
           C 404 796, 424 776, 448 776
           Z"
        fill="#53ECF4"
        opacity="0.85"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Bulb outline -->
        <path
          d="M 512 210
             C 412 210, 330 288, 330 388
             C 330 468, 382 532, 420 576
             C 446 606, 462 628, 468 662
             L 468 706
             C 468 736, 492 760, 522 760
             L 562 760
             C 592 760, 616 736, 616 706
             L 616 662
             C 622 628, 638 606, 664 576
             C 702 532, 754 468, 754 388
             C 754 288, 612 210, 512 210
             Z"/>

        <!-- Filament moved to center -->
        <path d="M 452 455 C 482 430, 512 430, 542 455 C 572 480, 602 480, 632 455" />
        <path d="M 472 500 C 500 482, 524 482, 552 500" />

        <!-- Neck lines -->
        <path d="M 468 706 C 510 700, 574 700, 616 706" />
        <path d="M 468 732 C 510 726, 574 726, 616 732" />

        <!-- Base -->
        <path
          d="M 452 760
             L 632 760
             C 652 760, 668 776, 668 796
             L 668 820
             C 668 846, 646 866, 620 866
             L 464 866
             C 438 866, 416 846, 416 820
             L 416 796
             C 416 776, 432 760, 452 760
             Z"/>

        <!-- Base grooves -->
        <path d="M 446 806 C 500 802, 566 802, 638 806" />
        <path d="M 446 836 C 500 832, 566 832, 638 836" />

        <!-- Longer, more spaced light rays (no curved arc), pointed away from bulb -->
        <!-- ample gap above bulb: start around y=120+, bulb top is ~210 -->
        <path d="M 512 132 L 512 64" />
        <path d="M 418 150 L 380 92" />
        <path d="M 606 150 L 644 92" />
        <path d="M 342 196 L 286 156" />
        <path d="M 682 196 L 738 156" />
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Bulb outline -->
        <path
          d="M 512 210
             C 412 210, 330 288, 330 388
             C 330 468, 382 532, 420 576
             C 446 606, 462 628, 468 662
             L 468 706
             C 468 736, 492 760, 522 760
             L 562 760
             C 592 760, 616 736, 616 706
             L 616 662
             C 622 628, 638 606, 664 576
             C 702 532, 754 468, 754 388
             C 754 288, 612 210, 512 210
             Z"/>

        <!-- Filament centered -->
        <path d="M 452 455 C 482 430, 512 430, 542 455 C 572 480, 602 480, 632 455" />
        <path d="M 472 500 C 500 482, 524 482, 552 500" />

        <!-- Neck lines -->
        <path d="M 468 706 C 510 700, 574 700, 616 706" />
        <path d="M 468 732 C 510 726, 574 726, 616 732" />

        <!-- Base -->
        <path
          d="M 452 760
             L 632 760
             C 652 760, 668 776, 668 796
             L 668 820
             C 668 846, 646 866, 620 866
             L 464 866
             C 438 866, 416 846, 416 820
             L 416 796
             C 416 776, 432 760, 452 760
             Z"/>

        <!-- Base grooves -->
        <path d="M 446 806 C 500 802, 566 802, 638 806" />
        <path d="M 446 836 C 500 832, 566 832, 638 836" />

        <!-- Longer, more spaced light rays -->
        <path d="M 512 132 L 512 64" />
        <path d="M 418 150 L 380 92" />
        <path d="M 606 150 L 644 92" />
        <path d="M 342 196 L 286 156" />
        <path d="M 682 196 L 738 156" />
      </g>
    </g>
  </g>
</svg>


</br>

Dollar/money


<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default (no canvas rect). -->

  <!-- ICON: Money bill (borrowed geometry; adapted to our style) -->
  <g id="icon-money" fill="none">

    <!-- Backplate (pick remaining palette color): aqua -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 256 352
           C 256 304, 294 266, 342 266
           L 766 266
           C 814 266, 852 304, 852 352
           L 852 672
           C 852 720, 814 758, 766 758
           L 342 758
           C 294 758, 256 720, 256 672
           Z"
        fill="#53ECF4"/>
    </g>

    <!-- Aqua "bleed" halo (background seeping a little around the silhouette) -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 252 346
           C 252 292, 296 248, 350 248
           L 772 248
           C 826 248, 870 292, 870 346
           L 870 680
           C 870 736, 826 780, 772 782
           L 346 782
           C 292 780, 248 736, 250 680
           Z"
        fill="#53ECF4"
        opacity="0.85"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" (closer to lines) -->
      <!-- ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Outer bill -->
        <path
          d="M 256 352
             C 256 304, 294 266, 342 266
             L 766 266
             C 814 266, 852 304, 852 352
             L 852 672
             C 852 720, 814 758, 766 758
             L 342 758
             C 294 758, 256 720, 256 672
             Z"/>

        <!-- Corner swooshes (borrowed from original "tabs") -->
        <path
          d="M 724 266
             C 724 266, 726 394, 852 382
             L 852 352
             C 852 304, 814 266, 766 266
             Z"/>
        <path
          d="M 384 758
             C 384 758, 382 630, 256 642
             L 256 672
             C 256 720, 294 758, 342 758
             Z"/>

        <!-- Inner border -->
        <path
          d="M 296 710
             C 268 710, 246 688, 246 660
             L 246 364
             C 246 336, 268 314, 296 314
             L 812 314
             C 840 314, 862 336, 862 364
             L 862 660
             C 862 688, 840 710, 812 710
             Z"/>

        <!-- Center circle -->
        <path
          d="M 600 512
             C 600 574, 550 624, 488 624
             C 426 624, 376 574, 376 512
             C 376 450, 426 400, 488 400
             C 550 400, 600 450, 600 512
             Z"/>

        <!-- Simple $ mark -->
        <path d="M 488 424 L 488 600" />
        <path
          d="M 514 458
             C 514 458, 476 448, 458 468
             C 440 488, 452 512, 488 512
             C 526 512, 536 536, 520 556
             C 504 576, 468 568, 468 568"/>
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Outer bill -->
        <path
          d="M 256 352
             C 256 304, 294 266, 342 266
             L 766 266
             C 814 266, 852 304, 852 352
             L 852 672
             C 852 720, 814 758, 766 758
             L 342 758
             C 294 758, 256 720, 256 672
             Z"/>

        <!-- Corner swooshes -->
        <path
          d="M 724 266
             C 724 266, 726 394, 852 382
             L 852 352
             C 852 304, 814 266, 766 266
             Z"/>
        <path
          d="M 384 758
             C 384 758, 382 630, 256 642
             L 256 672
             C 256 720, 294 758, 342 758
             Z"/>

        <!-- Inner border -->
        <path
          d="M 296 710
             C 268 710, 246 688, 246 660
             L 246 364
             C 246 336, 268 314, 296 314
             L 812 314
             C 840 314, 862 336, 862 364
             L 862 660
             C 862 688, 840 710, 812 710
             Z"/>

        <!-- Center circle -->
        <path
          d="M 600 512
             C 600 574, 550 624, 488 624
             C 426 624, 376 574, 376 512
             C 376 450, 426 400, 488 400
             C 550 400, 600 450, 600 512
             Z"/>

        <!-- $ mark -->
        <path d="M 488 424 L 488 600" />
        <path
          d="M 514 458
             C 514 458, 476 448, 458 468
             C 440 488, 452 512, 488 512
             C 526 512, 536 536, 520 556
             C 504 576, 468 568, 468 568"/>
      </g>
    </g>
  </g>
</svg>


</br>

chart

<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default (no canvas rect). -->

  <!-- ICON: Business bar chart -->
  <g id="icon-barchart" fill="none">

    <!-- Backplate (pick from palette): warm yellow -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 280 744
           C 252 744, 230 722, 230 694
           L 230 330
           C 230 302, 252 280, 280 280
           L 744 280
           C 772 280, 794 302, 794 330
           L 794 694
           C 794 722, 772 744, 744 744
           Z"
        fill="#EDC951"/>
    </g>

    <!-- Yellow "bleed" halo (background seeping slightly around silhouette) -->
    <g id="bleed" transform="translate(52 54)">
      <path
        d="M 272 760
           C 238 758, 214 732, 214 698
           L 214 320
           C 214 286, 240 262, 274 262
           L 752 262
           C 786 262, 812 288, 812 322
           L 812 704
           C 812 740, 784 766, 748 766
           Z"
        fill="#EDC951"
        opacity="0.85"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" (closer to lines) -->
      <!-- ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Outer card -->
        <path
          d="M 280 744
             C 252 744, 230 722, 230 694
             L 230 330
             C 230 302, 252 280, 280 280
             L 744 280
             C 772 280, 794 302, 794 330
             L 794 694
             C 794 722, 772 744, 744 744
             Z"/>

        <!-- Axes (simple) -->
        <path d="M 316 676 L 316 358" />
        <path d="M 316 676 L 726 676" />

        <!-- Bars (slightly imperfect spacing/heights) -->
        <path d="M 388 676 L 388 562" />
        <path d="M 444 676 L 444 562" />
        <path d="M 500 676 L 500 456" />
        <path d="M 556 676 L 556 456" />
        <path d="M 612 676 L 612 408" />
        <path d="M 668 676 L 668 408" />

        <!-- Trend arrow -->
        <path d="M 360 520 C 420 500, 474 526, 526 486 C 584 440, 640 452, 704 396" />
        <path d="M 704 396 L 684 404" />
        <path d="M 704 396 L 694 416" />
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Outer card -->
        <path
          d="M 280 744
             C 252 744, 230 722, 230 694
             L 230 330
             C 230 302, 252 280, 280 280
             L 744 280
             C 772 280, 794 302, 794 330
             L 794 694
             C 794 722, 772 744, 744 744
             Z"/>

        <!-- Axes -->
        <path d="M 316 676 L 316 358" />
        <path d="M 316 676 L 726 676" />

        <!-- Bars (drawn as thick paired strokes to read as bars) -->
        <path d="M 388 676 L 388 562" />
        <path d="M 444 676 L 444 562" />

        <path d="M 500 676 L 500 456" />
        <path d="M 556 676 L 556 456" />

        <path d="M 612 676 L 612 408" />
        <path d="M 668 676 L 668 408" />

        <!-- Trend arrow -->
        <path d="M 360 520 C 420 500, 474 526, 526 486 C 584 440, 640 452, 704 396" />
        <path d="M 704 396 L 684 404" />
        <path d="M 704 396 L 694 416" />
      </g>
    </g>
  </g>
</svg>


</br>
padlock


<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <!-- Transparent background by default (no canvas rect). -->

  <!-- ICON: Padlock (wider, not too tall) -->
  <g id="icon-padlock" fill="none">

    <!-- Backplate (pick from palette): lavender -->
    <!-- Offset down-right (~6% of icon width ≈ 44px) -->
    <g id="backplate" transform="translate(44 44)">
      <path
        d="M 330 760
           C 300 760, 276 736, 276 706
           L 276 476
           C 276 446, 300 422, 330 422
           L 694 422
           C 724 422, 748 446, 748 476
           L 748 706
           C 748 736, 724 760, 694 760
           Z"
        fill="#8B71B5"/>
      <!-- Shackle silhouette -->
      <path
        d="M 392 422
           L 392 372
           C 392 294, 438 246, 512 246
           C 586 246, 632 294, 632 372
           L 632 422
           L 584 422
           L 584 374
           C 584 326, 560 300, 512 300
           C 464 300, 440 326, 440 374
           L 440 422
           Z"
        fill="#8B71B5"/>
    </g>

    <!-- Lavender "bleed" halo -->
    <g id="bleed" transform="translate(52 54)" opacity="0.85">
      <path
        d="M 320 774
           C 282 774, 256 748, 256 710
           L 256 468
           C 256 430, 284 404, 322 404
           L 702 404
           C 740 404, 768 432, 768 470
           L 768 712
           C 768 750, 740 778, 702 778
           Z"
        fill="#8B71B5"/>
      <path
        d="M 380 404
           L 380 360
           C 380 272, 432 220, 512 220
           C 592 220, 644 272, 644 360
           L 644 404
           L 602 404
           L 602 362
           C 602 308, 574 280, 512 280
           C 450 280, 422 308, 422 362
           L 422 404
           Z"
        fill="#8B71B5"/>
    </g>

    <g id="foreground">
      <!-- WHITE OFFSET "IMPRESSION" (closer to lines) -->
      <!-- ~8px right, ~10px down (4–5 o'clock) -->
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Body outline -->
        <path
          d="M 330 760
             C 300 760, 276 736, 276 706
             L 276 476
             C 276 446, 300 422, 330 422
             L 694 422
             C 724 422, 748 446, 748 476
             L 748 706
             C 748 736, 724 760, 694 760
             Z"/>

        <!-- Shackle outer line -->
        <path
          d="M 392 422
             L 392 372
             C 392 294, 438 246, 512 246
             C 586 246, 632 294, 632 372
             L 632 422"/>

        <!-- Shackle inner line (double-lined thickness) -->
        <path
          d="M 440 422
             L 440 376
             C 440 326, 464 300, 512 300
             C 560 300, 584 326, 584 376
             L 584 422"/>

        <!-- Keyhole -->
        <path
          d="M 512 602
             C 488 602, 470 584, 470 560
             C 470 536, 488 518, 512 518
             C 536 518, 554 536, 554 560
             C 554 584, 536 602, 512 602
             Z"/>
        <path d="M 512 602 L 512 666" />
      </g>

      <!-- BLACK DOODLE LINES -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Body outline -->
        <path
          d="M 330 760
             C 300 760, 276 736, 276 706
             L 276 476
             C 276 446, 300 422, 330 422
             L 694 422
             C 724 422, 748 446, 748 476
             L 748 706
             C 748 736, 724 760, 694 760
             Z"/>

        <!-- Shackle outer line -->
        <path
          d="M 392 422
             L 392 372
             C 392 294, 438 246, 512 246
             C 586 246, 632 294, 632 372
             L 632 422"/>

        <!-- Shackle inner line (double-lined thickness) -->
        <path
          d="M 440 422
             L 440 376
             C 440 326, 464 300, 512 300
             C 560 300, 584 326, 584 376
             L 584 422"/>

        <!-- Tiny "metal thickness" echo on body (subtle inner border) -->
        <path
          d="M 314 732
             C 304 732, 296 724, 296 714
             L 296 484
             C 296 474, 304 466, 314 466
             L 710 466
             C 720 466, 728 474, 728 484
             L 728 714
             C 728 724, 720 732, 710 732
             Z"
          opacity="0.9"/>

        <!-- Keyhole -->
        <path
          d="M 512 602
             C 488 602, 470 584, 470 560
             C 470 536, 488 518, 512 518
             C 536 518, 554 536, 554 560
             C 554 584, 536 602, 512 602
             Z"/>
        <path d="M 512 602 L 512 666" />
      </g>
    </g>
  </g>
</svg>



</br>
justice scales

<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <g fill="none" id="icon-scales">
    <g transform="translate(44 44)">
      <path d="M512 210
               C560 260,608 290,680 312
               L680 390
               C680 520,610 620,512 684
               C414 620,344 520,344 390
               L344 312
               C416 290,464 260,512 210 Z"
            fill="#8B71B5"/>
    </g>

    <g transform="translate(52 54)" opacity="0.85">
      <path d="M512 196
               C568 256,626 290,708 314
               L708 398
               C708 542,628 656,512 728
               C396 656,316 542,316 398
               L316 314
               C398 290,456 256,512 196 Z"
            fill="#8B71B5"/>
    </g>

    <g>
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- stand -->
        <path d="M512 250 L512 720" />
        <path d="M420 770 C470 760,554 760,604 770" />
        <path d="M360 812 C460 796,564 796,664 812" />
        <!-- crossbar -->
        <path d="M340 360 C430 344,594 344,684 360" />
        <!-- left chains + pan -->
        <path d="M380 372 L330 460" />
        <path d="M380 372 L430 460" />
        <path d="M300 460 C340 452,420 452,460 460" />
        <path d="M314 460 C312 540,450 540,446 460" />
        <!-- right chains + pan -->
        <path d="M644 372 L594 460" />
        <path d="M644 372 L694 460" />
        <path d="M564 460 C604 452,684 452,724 460" />
        <path d="M578 460 C576 540,714 540,710 460" />
      </g>

      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <path d="M512 250 L512 720" />
        <path d="M420 770 C470 760,554 760,604 770" />
        <path d="M360 812 C460 796,564 796,664 812" />
        <path d="M340 360 C430 344,594 344,684 360" />

        <path d="M380 372 L330 460" />
        <path d="M380 372 L430 460" />
        <path d="M300 460 C340 452,420 452,460 460" />
        <path d="M314 460 C312 540,450 540,446 460" />

        <path d="M644 372 L594 460" />
        <path d="M644 372 L694 460" />
        <path d="M564 460 C604 452,684 452,724 460" />
        <path d="M578 460 C576 540,714 540,710 460" />
      </g>
    </g>
  </g>
</svg>

</br>



badge check


<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 1024 1024" aria-hidden="true">
  <g fill="none" id="icon-badge-check">
    <g transform="translate(44 44)">
      <path d="M512 180
               C590 220,670 244,740 252
               L740 520
               C740 660,646 768,512 852
               C378 768,284 660,284 520
               L284 252
               C354 244,434 220,512 180 Z"
            fill="#FF917B"/>
    </g>

    <g transform="translate(52 54)" opacity="0.85">
      <path d="M512 168
               C600 214,688 240,766 248
               L766 532
               C766 690,660 808,512 906
               C364 808,258 690,258 532
               L258 248
               C336 240,424 214,512 168 Z"
            fill="#FF917B"/>
    </g>

    <g>
      <g transform="translate(8 10)" stroke="#FFFFFF" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <path d="M512 180
                 C590 220,670 244,740 252
                 L740 520
                 C740 660,646 768,512 852
                 C378 768,284 660,284 520
                 L284 252
                 C354 244,434 220,512 180 Z"/>
        <path d="M390 520 L468 598 L642 424" />
        <path d="M420 356 C470 340,556 340,604 356" />
      </g>

      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <path d="M512 180
                 C590 220,670 244,740 252
                 L740 520
                 C740 660,646 768,512 852
                 C378 768,284 660,284 520
                 L284 252
                 C354 244,434 220,512 180 Z"/>
        <path d="M390 520 L468 598 L642 424" />
        <path d="M420 356 C470 340,556 340,604 356" />
      </g>
    </g>
  </g>
</svg>




<br/>

GEAR

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
  <g id="icon-gears" fill="none">

    <!-- Backplate -->
    <g transform="translate(44 44)">
      <path
        d="M 370 790
           C 330 790, 296 764, 286 726
           L 270 666
           C 238 652, 214 626, 202 592
           L 146 578
           C 108 568, 82 534, 82 494
           C 82 454, 108 420, 146 410
           L 202 396
           C 214 362, 238 336, 270 322
           L 286 262
           C 296 224, 330 198, 370 198
           C 390 198, 410 204, 428 214
           L 476 242
           C 510 230, 546 230, 580 242
           L 628 214
           C 646 204, 666 198, 686 198
           C 726 198, 760 224, 770 262
           L 786 322
           C 818 336, 842 362, 854 396
           L 910 410
           C 948 420, 974 454, 974 494
           C 974 534, 948 568, 910 578
           L 854 592
           C 846 614, 832 634, 814 650
           C 822 700, 808 744, 774 772
           C 742 798, 696 804, 658 788
           L 610 768
           C 582 784, 552 792, 520 792
           C 488 792, 458 784, 430 768
           L 382 788
           C 378 789, 374 790, 370 790 Z"
        fill="#8B71B5"/>
    </g>

    <!-- Bleed -->
    <g transform="translate(52 54)" opacity="0.85">
      <path
        d="M 360 806
           C 314 804, 278 774, 266 730
           L 250 670
           C 216 654, 190 626, 176 590
           L 122 576
           C 78 564, 48 524, 48 478
           C 48 432, 78 392, 122 380
           L 176 366
           C 190 330, 216 302, 250 286
           L 266 226
           C 278 182, 314 152, 360 150
           C 386 148, 410 156, 432 168
           L 476 194
           C 508 184, 542 184, 574 194
           L 618 168
           C 640 156, 664 148, 690 150
           C 736 152, 772 182, 784 226
           L 800 286
           C 834 302, 860 330, 874 366
           L 928 380
           C 972 392, 1002 432, 1002 478
           C 1002 524, 972 564, 928 576
           L 874 590
           C 868 606, 860 620, 850 634
           C 862 694, 844 748, 802 782
           C 762 814, 706 822, 658 802
           L 616 784
           C 586 804, 554 814, 520 814
           C 486 814, 454 804, 424 784
           L 382 802
           C 374 805, 367 806, 360 806 Z"
        fill="#8B71B5"/>
    </g>

    <!-- Foreground -->
    <g>

      <!-- White offset impression -->
      <g transform="translate(8 10)" stroke="#ffffff" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
        <!-- Large gear (7 o'clock segment removed) -->
        <path
          d="M 640 276
             L 692 302
             L 738 268
             L 786 316
             L 752 362
             L 778 414
             L 838 426
             L 838 494
             L 778 506
             L 752 558
             L 786 604
             L 738 652
             L 692 618
             L 640 644
             L 628 704
             L 560 704
             L 548 644
             L 496 618
             L 450 652
             L 402 604
             L 436 558
             L 410 506
             L 350 494
             L 350 426
             L 410 414
             L 436 362
             L 402 316
             L 450 268
             L 496 302
             L 548 276
             L 560 216
             L 628 216 Z"/>

        <path d="M 594 360
                 C 650 360, 696 406, 696 462
                 C 696 518, 650 564, 594 564
                 C 538 564, 492 518, 492 462
                 C 492 406, 538 360, 594 360 Z"/>
      </g>

      <!-- Black linework -->
      <g stroke="#111111" stroke-width="18" stroke-linecap="round" stroke-linejoin="round">
        <!-- Large gear (matching removal) -->
        <path
          d="M 640 276
             L 692 302
             L 738 268
             L 786 316
             L 752 362
             L 778 414
             L 838 426
             L 838 494
             L 778 506
             L 752 558
             L 786 604
             L 738 652
             L 692 618
             L 640 644
             L 628 704
             L 560 704
             L 548 644
             L 496 618
             L 450 652
             L 402 604
             L 436 558
             L 410 506
             L 350 494
             L 350 426
             L 410 414
             L 436 362
             L 402 316
             L 450 268
             L 496 302
             L 548 276
             L 560 216
             L 628 216 Z"/>

        <path d="M 594 360
                 C 650 360, 696 406, 696 462
                 C 696 518, 650 564, 594 564
                 C 538 564, 492 518, 492 462
                 C 492 406, 538 360, 594 360 Z"/>
      </g>

    </g>
  </g>
</svg>


<br/>

Gear 2:


<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
  <g id="icon-gears" fill="none">

    <!-- BACKPLATE: unchanged -->
    <g transform="translate(44 44)">
      <path
        d="
          M 300 790
          C 210 760, 170 680, 190 600
          C 140 540, 150 440, 210 380
          C 200 300, 260 230, 350 220
          C 400 150, 490 130, 560 160
          C 640 130, 730 160, 780 220
          C 870 240, 920 310, 900 390
          C 950 450, 950 550, 900 610
          C 920 690, 870 760, 780 780
          C 740 840, 650 870, 580 840
          C 500 870, 410 840, 370 780
          C 345 785, 320 792, 300 790
          Z"
        fill="#8B71B5"/>
    </g>

    <!-- BACKPLATE BLEED: unchanged -->
    <g transform="translate(54 56)" opacity="0.85">
      <path
        d="
          M 290 810
          C 190 780, 140 690, 170 590
          C 120 520, 130 410, 200 350
          C 190 260, 260 180, 360 170
          C 420 90, 520 70, 600 110
          C 690 70, 790 110, 840 180
          C 950 200, 1000 290, 970 390
          C 1030 460, 1020 580, 940 640
          C 960 730, 890 820, 780 850
          C 720 920, 620 950, 540 910
          C 450 950, 350 920, 300 850
          C 295 835, 292 822, 290 810
          Z"
        fill="#8B71B5"/>
    </g>

    <!-- FOREGROUND: bigger + thicker -->
    <g transform="scale(1.22) translate(-112 -112)">

      <!-- White offset impression -->
      <g transform="translate(12 14)"
         stroke="#ffffff"
         stroke-width="30"
         stroke-linecap="round"
         stroke-linejoin="round">

        <path
          d="M 640 276
             L 692 302
             L 738 268
             L 786 316
             L 752 362
             L 778 414
             L 838 426
             L 838 494
             L 778 506
             L 752 558
             L 786 604
             L 738 652
             L 692 618
             L 640 644
             L 628 704
             L 560 704
             L 548 644
             L 496 618
             L 450 652
             L 402 604
             L 436 558
             L 410 506
             L 350 494
             L 350 426
             L 410 414
             L 436 362
             L 402 316
             L 450 268
             L 496 302
             L 548 276
             L 560 216
             L 628 216 Z"/>

        <path
          d="M 594 360
             C 650 360, 696 406, 696 462
             C 696 518, 650 564, 594 564
             C 538 564, 492 518, 492 462
             C 492 406, 538 360, 594 360 Z"/>
      </g>

      <!-- Black linework -->
      <g stroke="#111111"
         stroke-width="28"
         stroke-linecap="round"
         stroke-linejoin="round">

        <path
          d="M 640 276
             L 692 302
             L 738 268
             L 786 316
             L 752 362
             L 778 414
             L 838 426
             L 838 494
             L 778 506
             L 752 558
             L 786 604
             L 738 652
             L 692 618
             L 640 644
             L 628 704
             L 560 704
             L 548 644
             L 496 618
             L 450 652
             L 402 604
             L 436 558
             L 410 506
             L 350 494
             L 350 426
             L 410 414
             L 436 362
             L 402 316
             L 450 268
             L 496 302
             L 548 276
             L 560 216
             L 628 216 Z"/>

        <path
          d="M 594 360
             C 650 360, 696 406, 696 462
             C 696 518, 650 564, 594 564
             C 538 564, 492 518, 492 462
             C 492 406, 538 360, 594 360 Z"/>
      </g>

    </g>
  </g>
</svg>