PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
tldraw/assets/icons/icon
History
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
..
align-bottom.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-top.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-bar.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-square.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle-inverted.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
blob.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
bring-forward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
bring-to-front.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
broken.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-left.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-right.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-ne.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-sw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
clipboard-copied.svg share: make share/fork/copy actions clearer (#3846) 2024-06-03 08:42:08 +00:00
clipboard-copy.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
color.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-2.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dashed.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dotted.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dash-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
disconnected.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
discord.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
drag-handle-dots.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
duplicate.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
edit.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
external-link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-fill.svg Dynamic size mode + fill fill (#3835) 2024-06-16 16:58:13 +00:00
fill-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-pattern.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-semi.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
follow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
following.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-mono.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
font-sans.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-serif.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-check-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-cloud.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-ellipse.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-heart.svg Add heart geo shape (#3787) 2024-05-24 13:04:28 +00:00
geo-hexagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-octagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-oval.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-pentagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rectangle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus-2.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-star.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-trapezoid.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-x-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
github.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
group.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
horizontal-align-end.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-middle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-start.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
info-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
leading.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
lock.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
menu.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
minus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
mixed.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
pack.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
plus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
redo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
reset-zoom.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
rotate-ccw.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
rotate-cw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-backward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-to-back.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
share-1.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
size-extra-large.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
size-large.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-medium.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-small.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
spline-cubic.svg add missing spline icons (#3778) 2024-05-20 09:28:14 +00:00
spline-line.svg add missing spline icons (#3778) 2024-05-20 09:28:14 +00:00
stack-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stack-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
status-offline.svg Add offline icon back (#4127) 2024-07-10 08:51:06 +00:00
stretch-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stretch-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-center.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
toggle-off.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
toggle-on.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-eraser.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-frame.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-hand.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-highlight.svg [3/3] Highlighter styling (#1490) 2023-06-01 15:34:59 +00:00
tool-laser.svg [feature] add laser pointer (#1412) 2023-05-19 11:09:13 +00:00
tool-line.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-media.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-note.svg Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
tool-pencil.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-pointer.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-screenshot.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-text.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
trash.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
twitter.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
undo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
ungroup.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
unlock.svg Fix missing icons (#3654) 2024-04-30 10:39:53 +00:00
vertical-align-end.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
vertical-align-middle.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
vertical-align-start.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
warning-triangle.svg serve icons via a single merged .svg file (#4150) 2024-07-15 11:03:11 +00:00
zoom-in.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
zoom-out.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00