icon request: Ordered List

[JadedBlueEyes]

Icon Request

• Icon name: Ordered List
• Use case: WYSIWYG editors
• Screenshots of similar icons:
  from github editor

[horacioh]

@colebemis are you accepting help? I'm using the Icon Library and I'm creating some Icons that I need. This for example is one that I made myself. don't mind to contrubite back!

[ahtohbi4]

From #504

[smatjes]

I currently develop a rich text editor for a project I work on where we use the (great) Feather icons.
For the matter I need an ordered list icon and stumbled upon this ticket(s). Though I find the solution @ahtohbi4 proposed pretty compelling, I understand it was never merged due to legibility or scalability reasons.

So I've developed a solution myself, shamelessly inspired by the icon Figma uses for that matter.

If the solution is sufficient I'd gladly contribute it. Also everybody who might find this useful is free to use it as is.

Please see examples and the SVG code below:

Different sizes

Icon with grid

Example usage in my editor

Figma's text options with icon

SVG source

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8 6H21" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
    <path d="M8 12H21" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
    <path d="M8 18H21" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
    <path d="M2 6L3 5V10" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
    <path d="M4 19H2L4 14.998C4 14.4447 3.55141 13.9961 2.99805 13.9961C2.44468 13.9961 1.99609 14.4447 1.99609 14.998" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>