Circle Tangents

This is a tool I originally put together to help construct icons for the Lucide icon library. The icons are characterised by their simplicity, their pixel precision and their rounded corners.

When connecting horizontal and vertical lines, rounded corners are trivial; but diagonal lines pose more of a challenge. To that end, I put together this tool, where you can define where the two adjacent rounded corners should be, and see the line you need to connect them.

External

(11.00000, 15.00000) → (11.00000, 9.00000)
(9.40000, 15.80000) → (4.60000, 12.20000)

Internal

(9.07038, 14.63148) → (10.71847, 10.47410)
(10.26295, 14.03519) → (5.94819, 12.85924)