Repository: plait-board/drawnix
File: packages/drawnix/src/components/icons.tsx (TypeScript)

Code before:
      fill="currentColor"
      d="M407.48,111.18C335.587,108.103 269.573,152.338 245.08,220C220.587,152.338 154.573,108.103 82.68,111.18C80.285,168.229 107.577,222.632 154.74,254.82C178.908,271.419 193.35,298.951 193.27,328.27L193.27,379.13L296.9,379.13L296.9,328.27C296.816,298.953 311.255,271.42 335.42,254.82C382.596,222.644 409.892,168.233 407.48,111.18Z"
    />
  </svg>
);

export const MarkdownLogoIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" version="1.1">
    <g stroke="none" fill="currentColor">
      <path d="M14.85,2.5 C15.4851275,2.5 16,3.01487254 16,3.65 L16,12.35 C16,12.9851275 15.4851275,13.5 14.85,13.5 L1.15,13.5 C0.514872538,13.5 0,12.9851275 0,12.35 L0,3.65 C0,3.01487254 0.514872538,2.5 1.15,2.5 L14.85,2.5 Z M14.85,3.7 L1.15,3.7 C1.17735931,3.7 1.2,3.72264069 1.2,3.75 L1.2,12.25 C1.2,12.2773593 1.17735931,12.3 1.15,12.3 L14.85,12.3 C14.8226407,12.3 14.8,12.2773593 14.8,12.25 L14.8,3.75 C14.8,3.72264069 14.8226407,3.7 14.85,3.7 Z M3.5,10.5 L3.5,5.5 L5.25,5.5 L7,7.8 L8.75,5.5 L10.5,5.5 L10.5,10.5 L8.75,10.5 L8.75,7.5 L7,9.8 L5.25,7.5 L5.25,10.5 L3.5,10.5 Z M12.5,10.5 L11,8.5 L12.5,8.5 L12.5,5.5 L11,5.5 L12.5,5.5 L12.5,8.5 L14,8.5 L12.5,10.5 Z" />
    </g>
  </svg>
);

export const LinkIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g stroke="none" fill="currentColor">
      <path
        d="M12.253 4.13h-1.2v-1a2.8 2.8 0 0 0-5.6 0v4a2.8 2.8 0 0 0 2.8 2.8v1.2a4 4 0 0 1-4-4v-4a4 4 0 0 1 8 0v1zm-8 8h1.2v1a2.8 2.8 0 0 0 5.6 0v-4a2.8 2.8 0 0 0-2.8-2.8v-1.2a4 4 0 0 1 4 4v4a4 4 0 0 1-8 0v-1z"
        transform="rotate(46 8.253 8.13)"
      ></path>
    </g>
  </svg>
);

export const ArrowIcon = createIcon(
  <svg aria-hidden="true" focusable="false" role="img" viewBox="0 0 40 20">
    <g transform="" stroke="currentColor" stroke-width="2" fill="none">
      <path d="M34 10H6M34 10L27 5M34 10L27 15"></path>
      <path d="M27.5 5L34.5 10L27.5 15"></path>
    </g>
  </svg>
);

export const StraightLineIcon = createIcon(
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 20 20"
    fill="none"
    stroke="currentColor"
    stroke-linecap="round"
    stroke-linejoin="round"
  >
    <path d="M4.167 10h11.666" stroke-width="1.5"></path>
  </svg>
);


Review comment (suggestion):
I feel both the arrow icon and straight line icon are too small and thin.

Maybe you can refer to icons in PingCode Wiki:
1. arrow
```
<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" fit="" height="1em" width="1em" preserveAspectRatio="xMidYMid meet" focusable="false"><g id="et1.Base基础/1.icon图标/11.editor/箭头/24" stroke-width="1" fill-rule="evenodd"><path d="M8.44521878,4.21103025 C8.58299906,3.97171622 8.8886944,3.88940684 9.12800843,4.02718711 L15.242109,7.54725833 C15.3194119,7.59176394 15.3834015,7.65613893 15.4274422,7.73370766 C15.5637831,7.97384463 15.4796398,8.27904026 15.2395028,8.41538118 L9.12748155,11.8855614 C9.0176214,11.947936 8.88822223,11.9664118 8.76529593,11.9372749 C8.4965984,11.8735862 8.33040588,11.604134 8.39409456,11.3354364 L9.018,8.69941945 L1.5,8.7 C1.22385763,8.7 1,8.47614237 1,8.2 L1,8 C1,7.72385763 1.22385763,7.5 1.5,7.5 L9.075,7.49941945 L8.39165922,4.57430951 C8.3700078,4.48168206 8.37536432,4.38547957 8.40609313,4.29679626 Z" id="et形状结合"></path></g></svg>
```
2. line
```
<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" fit="" height="1em" width="1em" preserveAspectRatio="xMidYMid meet" focusable="false"><g id="ag1.Base基础/1.icon图标/11.editor/箭头/1" stroke-width="1" fill-rule="evenodd"><rect id="ag矩形" x="1" y="7.5" width="14" height="1.2" rx=".5"></rect></g></svg>
```

Code after:
      fill="currentColor"
      d="M407.48,111.18C335.587,108.103 269.573,152.338 245.08,220C220.587,152.338 154.573,108.103 82.68,111.18C80.285,168.229 107.577,222.632 154.74,254.82C178.908,271.419 193.35,298.951 193.27,328.27L193.27,379.13L296.9,379.13L296.9,328.27C296.816,298.953 311.255,271.42 335.42,254.82C382.596,222.644 409.892,168.233 407.48,111.18Z"
    />
  </svg>
);

export const MarkdownLogoIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" version="1.1">
    <g stroke="none" fill="currentColor">
      <path d="M14.85,2.5 C15.4851275,2.5 16,3.01487254 16,3.65 L16,12.35 C16,12.9851275 15.4851275,13.5 14.85,13.5 L1.15,13.5 C0.514872538,13.5 0,12.9851275 0,12.35 L0,3.65 C0,3.01487254 0.514872538,2.5 1.15,2.5 L14.85,2.5 Z M14.85,3.7 L1.15,3.7 C1.17735931,3.7 1.2,3.72264069 1.2,3.75 L1.2,12.25 C1.2,12.2773593 1.17735931,12.3 1.15,12.3 L14.85,12.3 C14.8226407,12.3 14.8,12.2773593 14.8,12.25 L14.8,3.75 C14.8,3.72264069 14.8226407,3.7 14.85,3.7 Z M3.5,10.5 L3.5,5.5 L5.25,5.5 L7,7.8 L8.75,5.5 L10.5,5.5 L10.5,10.5 L8.75,10.5 L8.75,7.5 L7,9.8 L5.25,7.5 L5.25,10.5 L3.5,10.5 Z M12.5,10.5 L11,8.5 L12.5,8.5 L12.5,5.5 L11,5.5 L12.5,5.5 L12.5,8.5 L14,8.5 L12.5,10.5 Z" />
    </g>
  </svg>
);

export const LinkIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g stroke="none" fill="currentColor">
      <path
        d="M12.253 4.13h-1.2v-1a2.8 2.8 0 0 0-5.6 0v4a2.8 2.8 0 0 0 2.8 2.8v1.2a4 4 0 0 1-4-4v-4a4 4 0 0 1 8 0v1zm-8 8h1.2v1a2.8 2.8 0 0 0 5.6 0v-4a2.8 2.8 0 0 0-2.8-2.8v-1.2a4 4 0 0 1 4 4v4a4 4 0 0 1-8 0v-1z"
        transform="rotate(46 8.253 8.13)"
      ></path>
    </g>
  </svg>
);

export const ArrowIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g  stroke="none">
      <path d="M8.44521878,4.21103025 C8.58299906,3.97171622 8.8886944,3.88940684 9.12800843,4.02718711 L15.242109,7.54725833 C15.3194119,7.59176394 15.3834015,7.65613893 15.4274422,7.73370766 C15.5637831,7.97384463 15.4796398,8.27904026 15.2395028,8.41538118 L9.12748155,11.8855614 C9.0176214,11.947936 8.88822223,11.9664118 8.76529593,11.9372749 C8.4965984,11.8735862 8.33040588,11.604134 8.39409456,11.3354364 L9.018,8.69941945 L1.5,8.7 C1.22385763,8.7 1,8.47614237 1,8.2 L1,8 C1,7.72385763 1.22385763,7.5 1.5,7.5 L9.075,7.49941945 L8.39165922,4.57430951 C8.3700078,4.48168206 8.37536432,4.38547957 8.40609313,4.29679626 Z"></path>
    </g>
  </svg>
);

export const LineIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g stroke="none">
      <rect x="1" y="7.5" width="14" height="1.2" rx=".5"></rect>
    </g>
  </svg>
);

export const StraightLineIcon = createIcon(
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g stroke="none">
      <path d="M14.701408,3.54812055 C14.9888311,3.38321272 15.3555178,3.48253099 15.5204256,3.76995411 C15.6853334,4.05737723 15.5860152,4.42406391 15.298592,4.58897174 L1.29859203,12.6214138 C1.01116891,12.7863216 0.644482231,12.6870034 0.479574406,12.3995802 C0.314666581,12.1121571 0.41398485,11.7454704 0.701407969,11.5805626 L14.701408,3.54812055 Z"></path>
    </g>
  </svg>
);