Bug 1547334 Comment 2 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Tweaked design at 12px for the "breakpoint" icon:
https://www.figma.com/file/TH1VwPkEzM0XTT7VCdrK2BJh/Console-Icons

Not sure which we want to use.
I like the one with the 1px edge and ~20% opacity fill (middle).
Victoria, any preference?

SVG for middle and bottom row would look like:

```xml
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
  <path fill="context-fill" fill-opacity=".2" stroke="context-fill" stroke-linejoin="round" d="M.5 9V3c0-.83.67-1.5 1.5-1.5h5.05a.5.5 0 0 1 .38.17L11.33 6l-3.9 4.33a.5.5 0 0 1-.38.17H2A1.5 1.5 0 0 1 .5 9z"/>
</svg>
```

The top row icon with its 1.5px stroke would be:


```xml
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
  <path fill="context-fill" fill-opacity=".2" stroke="context-fill" stroke-width="1.5" stroke-linejoin="round" d="M.75 9V3c0-.69.56-1.25 1.25-1.25h5.05c.08 0 .14.03.19.08L10.99 6l-3.75 4.17a.25.25 0 0 1-.19.08H2C1.31 10.25.75 9.69.75 9z"/>
</svg>
```
Tweaked design at 12px for the "breakpoint" icon:
https://www.figma.com/file/TH1VwPkEzM0XTT7VCdrK2BJh/Console-Icons

Not sure which we want to use.
I like the one with the 1px edge and ~20% opacity fill (middle).
Victoria, any preference?

SVG for middle and bottom row would look like:

```xml
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
  <path fill="context-fill" fill-opacity=".2" stroke="context-fill" stroke-linejoin="round" d="M.5 9V3c0-.83.67-1.5 1.5-1.5h5.05a.5.5 0 0 1 .38.17L11.33 6l-3.9 4.33a.5.5 0 0 1-.38.17H2A1.5 1.5 0 0 1 .5 9z"/>
</svg>
```

(The bottom one is the same, with `fill-opacity=".5"`.)

The top row icon with its 1.5px stroke would be:


```xml
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
  <path fill="context-fill" fill-opacity=".2" stroke="context-fill" stroke-width="1.5" stroke-linejoin="round" d="M.75 9V3c0-.69.56-1.25 1.25-1.25h5.05c.08 0 .14.03.19.08L10.99 6l-3.75 4.17a.25.25 0 0 1-.19.08H2C1.31 10.25.75 9.69.75 9z"/>
</svg>
```

Back to Bug 1547334 Comment 2