chinwagsocial/public/emoji/1f4f7_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="M4 5s0-1 1-1h6s1 0 1 1v2H4V5z" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
<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="M12 9.5c0 .829-.671 1.5-1.5 1.5h-5C4.671 11 4 10.329 4 9.5S4.671 8 5.5 8h5c.829 0 1.5.671 1.5 1.5z" stroke="white" stroke-linejoin="round" stroke-width="4px"/>
</g>
<path fill="#66757F" d="M4 5s0-1 1-1h6s1 0 1 1v2H4V5z"/>
<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="#F5F8FA" d="M12 9.5c0 .829-.671 1.5-1.5 1.5h-5C4.671 11 4 10.329 4 9.5S4.671 8 5.5 8h5c.829 0 1.5.671 1.5 1.5z"/>
</svg>