catstodon/public/emoji/1f4f8_border.svg
leo60228 e0f55f374c
Add emojis:generate_borders Rake task (#13773)
* Add emojis:generate_borders Rake task

* Address review

* Border all dark emoji

* Combine stroke with filter to reduce artifacting

* Cleanup Camera with Flash

* Add stroke-linejoin="round"

The previous filter and tweaks were effectively a poor imitation of it.
There are no artifacts for any dark emoji now!

* Set stroke-width using property

This fixes old versions of Firefox.

* Store emoji in string instead of array

* Use separate arguments for each path segment

* Remove "background: black;"
2020-06-09 00:12:20 +02:00

19 lines
1.3 KiB
XML

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 40 40">
<g>
<path d="M0 10s0-4 4-4h28s4 0 4 4v18s0 4-4 4H4s-4 0-4-4V10z" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<circle cx="21" cy="19" r="10" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<circle cx="21" cy="19" r="8" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<circle cx="21" cy="19" r="5" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<circle cx="32.5" cy="9.5" r="1.5" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<path d="M16 9l3-6-6 2-4-5-2 5-6-1 4 6-5 4h6l-2 6 6-3 6 5-1-8 6-1z" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<path d="M10 14l-3 2 1-3-3-1 3-2-3-3h4l1-3 2 3 3-1-2 3 3 3-3 1 1 4z" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
</g>
<path fill="#31373D" d="M0 10s0-4 4-4h28s4 0 4 4v18s0 4-4 4H4s-4 0-4-4V10z"/>
<circle fill="#CCD6DD" cx="21" cy="19" r="10"/>
<circle fill="#31373D" cx="21" cy="19" r="8"/>
<circle fill="#3B88C3" cx="21" cy="19" r="5"/>
<circle fill="#FFF" cx="32.5" cy="9.5" r="1.5"/>
<path fill="#FFAC33" d="M16 9l3-6-6 2-4-5-2 5-6-1 4 6-5 4h6l-2 6 6-3 6 5-1-8 6-1z"/>
<path fill="#FFF" d="M10 14l-3 2 1-3-3-1 3-2-3-3h4l1-3 2 3 3-1-2 3 3 3-3 1 1 4z"/>
</svg>