SVG - Cr;Lf;

Editing

https://100r.co/site/dotgrid.html – Dotgrid is a grid-based vector drawing software designed to create logos, icons and type
https://hundredrabbits.itch.io/dotgrid – Dotgrid app
https://boxy-svg.com – Boxy SVG project goal is to create the best tool for editing SVG files
https://inkscape.org – pro vector graphic editor
https://vecta.io – powerful, online SVG editor for teams

Other

Canvq

SVG parser and renderer on Canvas. It takes the URL to the SVG file or the text of the SVG file, parses it in JavaScript and renders the result on Canvas.
https://canvg.js.org
https://github.com/canvg/canvg

D2 lang

D2 is a modern diagram scripting language that turns text to SVG diagrams
https://d2lang.com
https://github.com/terrastruct/d2

Flowchart fun

Flowchart Fun is an app for making diagrams from text
To build graphs, you type in the text editor while and your graph updates in real-time in the preview
https://flowchart.fun

Flowchart JS

Draws simple SVG flow chart diagrams from textual representation of the diagram
https://github.com/adrai/flowchart.js

Penplot design freedom for teams

Penpot is the first Open Source design and prototyping platform meant for cross-domain teams
Non dependent on operating systems, Penpot is web based and works with open web standards (SVG)
For all and empowered by the community
https://penpot.app

TlDraw ⭐

A tiny little drawing app. Draw free, boxes, arrows, text and insert images.
Export as SVG, PNG, etc.
https://tldraw.com
https://github.com/tldraw/tldraw

Articles

Tutorials

Stop using icon fonts because they’re big, not accessible and hard to position with CSS

https://irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/
Flash of Unstyled Content (FOUC), Accessibility problems, Size and Maintainability
Degraded Visual Quality, Difficult to Style/Position
SVGs to the Rescue: they just work, are accessible, easy to maintain, sharp, easy to style