Standard? colors for markup - analog and digital

10-19 Concepts 14 Build your system
1

Work world deals with alot of comments and mark-ups for documents, lists and drawings.

I find it appealing to attempt to keep a standard in terms of which colors are used for what.

It sort of scratches the same itch that JD does.

  • Here are some thoughts on standard (?) colors for markup - primarily for usage in documents and drawings.

    • I’ve watched this in action from the sidelines, and it works quite well if used consistently.

    • If you are part of a motivated team where everyone’s onboard - it works.

  • Same standard/colors may also be used for other digital assets.

Highlight or markings/doodles

  • Orange - someone else’s responsibility / outside my scope / somebody else’s problem :wink:

  • Blue - new item, not shown in previous drawings, added recently, new implementation / inside my scope

  • Green - completed, done, OK

    • (if cable list; cable pulled AND terminated)
    • (if schematics; signal / wiring tested)

  • Yellow - started/ongoing/need to come back to this (> add green or remove highlight when OK)

    • (if cable list; started/connected in cabinet or cubicle or pulled)
    • (if signal list; started)

  • Pink - problem/issue/needs follow-up

  • Red - correction, needs to be altered or updated in documentation

  • Purple - FREE USE (can vary between projects)

Text color usage / pen markup

  • Red - correction, needs to be altered or updated in documentation
  • Blue - information only, not to be part of drawing

Why stick to these colors?

  • Available as highligters
  • Don’t make it too complicated

2024-08-02_21-37-05

  • Any relevant direct usage together with JD? (example, fiddling a bit in index)

    • 90-99 Some area
      • 91 Some category
        • 91.01 P&ID instrumentation diagrams :green_circle:
        • 91.02 Signal lists :orange_circle:
        • 91.03 Cable lists :yellow_circle:
        • 91.04 Installation drawings :green_circle:
        • 91.05 Certificates :orange_circle:
        • 91.06 Manuals and OEM documentation :orange_circle:

  • Thoughts? Anyone else have similar / better systems?

3 Likes
2

Another approach to text color: black is a regular, blue is an important information, red is the most important information.

3

Really cool idea. In previous jobs I think I’ve subconsciously tried to do something like this when whiteboarding, but never formalised it.

Probably because where I used to work you’d be lucky to find one old tired dry brown marker. No chance of a rainbow! I used to carry my own markers to important meetings.

4

All the drawings / information is default in black.

For Manuals / OEM manufacturer information, colors are used - often with red - as you say - for the most important information.

Colors are rarely used when drawings are issued on the drawings themselves, but there are exceptions from some manufacturers.

There are some relevant industrial standards in terms of how the drawings should be drawn and presented, but unfortunately - it is not uniformly practiced.
There are many “flavours”. Especially when dealing with larger, international companies that have their own way - or small companies that don’t have a strict implementation.

During testing/commissioning, there is often only a paper copy available - as a “master on-site”. After work has been completed, this copy - with markups and corrections is scanned, and red corrections are then updated to the original CAD or schematic drawings to issue final/as-built documentation.

Red is reserved for corrections (by tradition).
I agree blue could have alternative meaning.

I see some suppliers/companies have started using iPads or tablets with stylus to do markup on-site while working. This makes the information available to everyone, not just in the master paper copy. But it requires having a good setup for software/apps and syncing of the PDFs they use to do markup and corrections. There is also an aspect of information security.

1 Like
5

This is my only one drawing with color lines in a resulting pdf file (at paper it was only black again):

2024-08-04 20 37 42
2024-08-04 20 37 42767×515 44.4 KB

A color drawing could be easy read.

6

I agree

7

You know what I’m thinking of? Excel.

So many times I’ve created an Excel sheet and I’ve ‘assigned’ a colour some meaning. Typically when building a 20-column formula. Blue means temporary, green means a lookup, yellow means whatever else.

Each workbook might have had some semblance of a standard but those standards never stuck across my career.

8

I wish Excel traffic lights (from conditional formatting) had more colors / customization possibilities.

They are nice to keep a visual status / state of things, and quick to update:

2024-08-04_23-11-53

9

I do this too! Also without a consistent standard. My rule is I should decide the color within 2 seconds, the idea being if I assign it in 2 seconds I can decode it in 2 seconds. On some sheets that means results are green, on some it means inputs are green, and my brain has no problem figuring it out. This is also how I color code my classes, if the first color I think of for economics is red, then it will get red.

I did try and standardize it last semester and went in rainbow order - red for my first class, orange second, etc. - and it really messed with my brain. The color ↔ subject connotation was way stronger than schedule. I like @fender ‘s approach of assigning colors to purposes, as it helps make it obvious what the status/purpose of a JD thing is.

10

image
These are the standard colors/flags withing my ToDo app TickTick.

11

I like the pragmatism here! In my experience, I’ve often tried to make a ‘standard’ colourscheme but beyond a few (red for action/urgent/reminder, green for done) colours don’t work for this, for me at least. I recognize your description of how it moulds to the context.

1 Like
12

In case there are Logseq users out there / using Logseq for the index.

I tweaked sethyuan’s logseq-plugin-wrap to align with my attempted color standard.

I do the wrapping as HTML > working on how to easily copy/paste .HTML export to other applications, e-mail, MS Word or similar. EDIT: See next post for solution

2024-08-09_21-28-42

You can copy the default custom code from the github page and paste in into .logseq\settings\logseq-wrap.json before you start editing.

Here is the code for the HTML wrappers (I replaced the group for cloze, as I don’t use it);

  "group-htmlwrap": {
    "wrap-htmlyellow": {
      "label": "HTML yellow",
      "binding": "",
      "template": "<mark style=\"background: #FFFF00 !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFFF00\"></path></svg>"
    },
    "wrap-htmlorange": {
      "label": "HTML orange",
      "binding": "",
      "template": "<mark style=\"background: #ffA500 !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFA500\"></path></svg>"
    },
    "wrap-htmlred": {
      "label": "HTML red",
      "binding": "",
      "template": "<mark style=\"background: #FF0000 !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#e20f0f\"></path></svg>"
    },
    "wrap-htmlpink": {
      "label": "HTML pink",
      "binding": "",
      "template": "<mark style=\"background: #FFC0CB !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFC0CB\"></path></svg>"
    },
    "wrap-htmlpurple": {
      "label": "HTML purple",
      "binding": "",
      "template": "<mark style=\"background: #A020F0 !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#A020F0\"></path></svg>"
    },
	  "wrap-htmlblue": {
      "label": "HTML blue",
      "binding": "",
      "template": "<mark style=\"background: #59CCFF !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#59CCFF\"></path></svg>"
    },
	  "wrap-htmlgreen": {
      "label": "HTML green",
      "binding": "",
      "template": "<mark style=\"background: #7CFC00 !important; color: #262626 !important;\">$^<\/mark>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#7CFC00\"></path></svg>"
    }
1 Like
13

Update - Logseq - being able to copy-paste from .html export to MS Word, retaining formatting/style (colors/highlights):

By doing this

“template”: “<span style="background-color: #FFFF00;">$^”,

instead of this

“template”: “<mark style="background: #FFFF00 !important; color: #262626 !important;">$^</mark>”,

I can now copy-paste from the .html to MS Word, choosing “keep source formatting” - and the colors/highlights are there when I use logseq-pretty-html-export. Success!

The colors/highlights are also there when I do the same with logseq-plugin-doc, but then I get these weird borders/frames as well.

image
image804×864 16.6 KB

Here is the revised code for .logseg\Settings\logseq-wrap.json:

  "group-htmlwrap": {
    "wrap-htmlyellow": {
      "label": "HTML yellow",
      "binding": "",
      "template": "<span style=\"background-color: #FFFF00;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFFF00\"></path></svg>"
    },
    "wrap-htmlorange": {
      "label": "HTML orange",
      "binding": "",
      "template": "<span style=\"background-color: #ffA500;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFA500\"></path></svg>"
    },
    "wrap-htmlred": {
      "label": "HTML red",
      "binding": "",
      "template": "<span style=\"background-color: #FF0000;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#e20f0f\"></path></svg>"
    },
    "wrap-htmlpink": {
      "label": "HTML pink",
      "binding": "",
      "template": "<span style=\"background-color: #FFC0CB;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#FFC0CB\"></path></svg>"
    },
    "wrap-htmlpurple": {
      "label": "HTML purple",
      "binding": "",
      "template": "<span style=\"background-color: #A020F0;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#A020F0\"></path></svg>"
    },
	  "wrap-htmlblue": {
      "label": "HTML blue",
      "binding": "",
      "template": "<span style=\"background-color: #59CCFF;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#59CCFF\"></path></svg>"
    },
	  "wrap-htmlgreen": {
      "label": "HTML green",
      "binding": "",
      "template": "<span style=\"background-color: #7CFC00;\">$^</span>",
      "icon": "<svg t=\"1694574701157\" class=\"icon\" viewBox=\"0 0 576 512\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3113\" width=\"200\" height=\"200\"><path d=\"M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5s0 0 0 0l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z\" p-id=\"3114\" fill=\"#7CFC00\"></path></svg>"
    }
1 Like