tldraw/assets/icons/icon/cross-circle.svg

<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.4422 11.8925C19.8106 11.524 19.8106 10.9264 19.4422 10.5579C19.0736 10.1894 18.4761 10.1894 18.1076 10.5579L15 13.6654L11.8925 10.5579C11.524 10.1894 10.9264 10.1894 10.5579 10.5579C10.1894 10.9264 10.1894 11.524 10.5579 11.8925L13.6654 15L10.5579 18.1075C10.1894 18.4761 10.1894 19.0736 10.5579 19.4421C10.9264 19.8107 11.524 19.8107 11.8925 19.4421L15 16.3346L18.1076 19.4421C18.4761 19.8107 19.0736 19.8107 19.4422 19.4421C19.8106 19.0736 19.8106 18.4761 19.4422 18.1075L16.3346 15L19.4422 11.8925Z" fill="black"/>
<path d="M14.9998 27.2949C21.7904 27.2949 27.2954 21.7899 27.2954 14.9993C27.2954 8.20858 21.7904 2.70361 14.9998 2.70361C8.20907 2.70361 2.7041 8.20858 2.7041 14.9993C2.7041 21.7899 8.20907 27.2949 14.9998 27.2949Z" stroke="black" stroke-width="2"/>
</svg>
Separate text-align property for shapes (#3627) This PR creates a new "text align" property for text shapes. Its default is left align. This means that text shapes now have their own alignment prop, separate from the vertical / horizontal alignment used in labels. The style panel for text has no visual change: <img width="400" alt="image" src="https://github.com/tldraw/tldraw/assets/23072548/aac80d2a-a069-4388-870b-1e0917d88eda"> The style panel for labels has consistent icons for label position: <img width="487" alt="image" src="https://github.com/tldraw/tldraw/assets/23072548/0adf7f0e-8446-4d3e-b9ea-a61e43035207"> Both may be configured separately. <img width="458" alt="image" src="https://github.com/tldraw/tldraw/assets/23072548/698dcfac-6eb2-4a8c-afb8-d1e5761019ef"> # Icon refresh This PR also removes many unused icons. It adds a special toggle icon for the context menu. <img width="571" alt="image" src="https://github.com/tldraw/tldraw/assets/23072548/489551e6-a370-4528-9ad4-8f93e119f26b"> <img width="492" alt="image" src="https://github.com/tldraw/tldraw/assets/23072548/cd3d77c7-8bae-4369-8b53-ca4685b2fd0e"> ### Change Type - [x] `sdk` — Changes the tldraw SDK - [x] `improvement` — Improving existing features ### Test Plan 1. Load files. 2. Paste excalidraw content. 3. Load v1 files. 4. Use the app as usual. - [x] Unit Tests ### Release Notes - Separates the text align property for text shapes and labels. --------- Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com> 2024-04-29 10:58:15 +00:00			`<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">`
			<path d="M19.4422 11.8925C19.8106 11.524 19.8106 10.9264 19.4422 10.5579C19.0736 10.1894 18.4761 10.1894 18.1076 10.5579L15 13.6654L11.8925 10.5579C11.524 10.1894 10.9264 10.1894 10.5579 10.5579C10.1894 10.9264 10.1894 11.524 10.5579 11.8925L13.6654 15L10.5579 18.1075C10.1894 18.4761 10.1894 19.0736 10.5579 19.4421C10.9264 19.8107 11.524 19.8107 11.8925 19.4421L15 16.3346L18.1076 19.4421C18.4761 19.8107 19.0736 19.8107 19.4422 19.4421C19.8106 19.0736 19.8106 18.4761 19.4422 18.1075L16.3346 15L19.4422 11.8925Z" fill="black"/>
			`<path d="M14.9998 27.2949C21.7904 27.2949 27.2954 21.7899 27.2954 14.9993C27.2954 8.20858 21.7904 2.70361 14.9998 2.70361C8.20907 2.70361 2.7041 8.20858 2.7041 14.9993C2.7041 21.7899 8.20907 27.2949 14.9998 27.2949Z" stroke="black" stroke-width="2"/>`
			`</svg>`