tldraw/assets/icons/icon/vertical-align-end.svg
alex 719332d272
serve icons via a single merged .svg file (#4150)
We currently serve icons in the form of 141 separate svg files. This is
pretty inefficient: it results in 141 http requests each with its own
overheads and costs. Each one is generally less than 1kb of data.

This PR merges all of our icons into a single 44kb icon file. Each item
in the svg has an ID, and we use the ID in the asset url to target the
specific icon. This also fixes a lot of the icon preloading issues:
because the icon file is already loaded, there's no extra request needed
when panels open etc.

I was messing with this whilst killing time before a late meeting so
made a shitty overengineered code generator, dont at me

### Change type

- [x] `improvement`

### Release notes

- Serve icons more efficiently, and make sure they're still available if
tldraw goes offline.
2024-07-15 11:03:11 +00:00

5 lines
413 B
XML

<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="26" y="19.5" width="2" height="22" rx="1" transform="rotate(90 26 19.5)" fill="black"/>
<rect x="15" y="16.41" width="2" height="8" rx="1" transform="rotate(-135 15 16.41)" fill="black"/>
<rect x="16.4142" y="14.9958" width="2" height="8" rx="1" transform="rotate(135 16.4142 14.9958)" fill="black"/>
</svg>