reciclop logo design

One of the first steps in a startup is designing a logo. NGOs are not that different, right?

Am incercat Microsoft Desginer (Copilot), Grok, ChatGPT and Claude using this prompt:

draw a vector image of the 3 recycling arrows made to resemble a bicycle tire envelope. there are 5 spokes that look a lot like screwdrivers of different types (flat head, philips, hexa etc) that are long and thin, with their thin handle toward the tire.

Claude won by a landslide, producing SVG output.

The code was a bit rough so it was and still is necessary to play with it in Inkscape.

<svg width="100%" viewBox="0 0 680 680" xmlns="http://www.w3.org/2000/svg">
  < defs>
    <path id="txt-eu" d="M 274.1,430.6 A 112,112 0 0,0 405.9,430.6"/>
    <path id="txt-re" d="M 274.1,430.6 A 112,112 0 0,1 233.5,305.4"/>
    <path id="txt-ci" d="M 233.5,305.4 A 112,112 0 0,1 340,228"/>
    <path id="txt-cl" d="M 340,228 A 112,112 0 0,1 446.5,305.4"/>
    <path id="txt-op" d="M 446.5,305.4 A 112,112 0 0,1 405.9,430.6"/>
  </defs>

  <!-- TIRE -->
  <circle cx="340" cy="340" r="298" fill="none" stroke="#1a1a18" stroke-width="40"/>
  <circle cx="340" cy="340" r="298" fill="none" stroke="#555550" stroke-width="8" stroke-dasharray="18 12"/>
  <circle cx="340" cy="340" r="258" fill="none" stroke="#888780" stroke-width="5"/>
  <circle cx="340" cy="340" r="275" fill="none" stroke="#333330" stroke-width="3"/>

  <!-- RED ARROW -->
  <path d="M 181.6,265.9 A 175,175 0 0,1 440.4,196.7" fill="none" stroke="#E24B4A" stroke-width="72" stroke-linecap="butt"/>
  <polygon points="474.1,227.5 466.8,159.0 414.0,234.4" fill="#E24B4A"/>

  <!-- YELLOW ARROW -->
  <path d="M 483.3,239.5 A 175,175 0 0,1 414.0,498.6" fill="none" stroke="#EF9F27" stroke-width="72" stroke-linecap="butt"/>
  <polygon points="370.4,512.3 433.5,540.3 394.5,456.9" fill="#EF9F27"/>

  <!-- BLUE ARROW -->
  <path d="M 355.2,513.3 A 175,175 0 0,1 165.7,324.8" fill="none" stroke="#378ADD" stroke-width="72" stroke-linecap="butt"/>
  <polygon points="175.6,280.2 119.9,320.8 211.5,328.8" fill="#378ADD"/>

  <!-- SPOKE 1: Flat-head, 270° (top) -->
  <rect x="336" y="90" width="8" height="213" rx="2" fill="#639922"/>
  <rect x="326" y="285" width="28" height="42" rx="6" fill="#3B6D11"/>
  <rect x="330" y="283" width="20" height="6" rx="2" fill="#97C459"/>
  <rect x="323" y="86" width="34" height="7" rx="1" fill="#639922"/>

  <!-- SPOKE 2: Phillips, +72° -->
  <g transform="rotate(72 340 340)">
    <rect x="336" y="90" width="8" height="213" rx="2" fill="#639922"/>
    <rect x="326" y="285" width="28" height="42" rx="6" fill="#3B6D11"/>
    <rect x="330" y="283" width="20" height="6" rx="2" fill="#97C459"/>
    <rect x="323" y="84" width="34" height="7" rx="1" fill="#639922"/>
    <rect x="336" y="74" width="8" height="24" rx="1" fill="#639922"/>
  </g>

  <!-- SPOKE 3: Hex, +144° -->
  <g transform="rotate(144 340 340)">
    <rect x="336" y="90" width="8" height="213" rx="2" fill="#639922"/>
    <rect x="326" y="285" width="28" height="42" rx="6" fill="#3B6D11"/>
    <rect x="330" y="283" width="20" height="6" rx="2" fill="#97C459"/>
    <polygon points="340,74 349,79 349,91 340,96 331,91 331,79" fill="#639922"/>
  </g>

  <!-- SPOKE 4: Torx, +216° -->
  <g transform="rotate(216 340 340)">
    <rect x="336" y="90" width="8" height="213" rx="2" fill="#639922"/>
    <rect x="326" y="285" width="28" height="42" rx="6" fill="#3B6D11"/>
    <rect x="330" y="283" width="20" height="6" rx="2" fill="#97C459"/>
    <polygon points="340,74 343,81 350,79 347,86 350,93 340,90 330,93 333,86 330,79 337,81" fill="#639922"/>
     <circle cx="340" cy="83" r="3" fill="#3B6D11"/>
  </g>

  <!-- SPOKE 5: Robertson square, +288° -->
  <g transform="rotate(288 340 340)">
    <rect x="336" y="90" width="8" height="213" rx="2" fill="#639922"/>
    <rect x="326" y="285" width="28" height="42" rx="6" fill="#3B6D11"/>
    <rect x="330" y="283" width="20" height="6" rx="2" fill="#97C459"/>
    <rect x="330" y="76" width="20" height="20" rx="1" fill="#639922"/>
    <rect x="335" y="81" width="10" height="10" rx="0.5" fill="#3B6D11"/>
  </g>

  <!-- HUB -->
  <circle cx="340" cy="340" r="50" fill="#1a1a18" stroke="#888780" stroke-width="5"/>
  <circle cx="340" cy="340" r="32" fill="#2C2C2A" stroke="#666660" stroke-width="2"/>
  <circle cx="340" cy="340" r="12" fill="#888780"/>
  <circle cx="340" cy="340" r="5" fill="#1a1a18"/>

  <!-- CURVED TEXT -->
  <text font-family="sans-serif" font-weight="700" font-size="32" fill="#F0EDE6" letter-spacing="6">
    <textPath href="#txt-eu" startOffset="50%" text-anchor="middle">.eu</textPath>
  </text>
  <text font-family="sans-serif" font-weight="700" font-size="32" fill="#F0EDE6" letter-spacing="6">
    <textPath href="#txt-re" startOffset="50%" text-anchor="middle">RE</textPath>
  </text>
  <text font-family="sans-serif" font-weight="700" font-size="32" fill="#F0EDE6" letter-spacing="6">
    <textPath href="#txt-ci" startOffset="50%" text-anchor="middle">CI</textPath>
  </text>
  <text font-family="sans-serif" font-weight="700" font-size="32" fill="#F0EDE6" letter-spacing="6">
    <textPath href="#txt-cl" startOffset="50%" text-anchor="middle">CL</textPath>
  </text>
  <text font-family="sans-serif" font-weight="700" font-size="32" fill="#F0EDE6" letter-spacing="6">
    <textPath href="#txt-op" startOffset="50%" text-anchor="middle">OP</textPath>
  </text>

</svg>

What do you think? (album).