Start now

Architecture Icons

Icons for architecture and system diagrams. Lucide building blocks plus the logos architects draw: cloud providers, every AWS service, databases, DevOps tools, languages, frameworks, AI and data tools, and messaging and APIs, in category chips with ranked search. Drag an icon onto the board or click to add it in view, where repeated clicks line up in rows. Each icon lands with a label like AWS Lambda or PostgreSQL, keeps its proportions and stays sharp when zoomed.

Pichaya Puttekulangkura
Pichaya Puttekulangkura4
Open in Drawdy

Architecture Icons

Sketch a system diagram in minutes. Architecture Icons puts cloud, database and service icons in a palette next to your Drawdy board: search, drag one out, and it lands with its name spelled the way diagrams spell it, such as AWS Lambda, PostgreSQL or Node.js.

What it's for

  • System and architecture diagrams: use the real service logos instead of drawing boxes and typing names.
  • Cloud designs: every AWS service has its own category, next to the other cloud providers.
  • Tech stack overviews: databases, DevOps tools, languages, frameworks, AI and data tools, and messaging and API services in one place.
  • Live whiteboarding: search, drag, done. Each icon brings its label with it, so the diagram reads on its own.

How to use

  1. Click the Architecture Icons button on the right of the board.
  2. Pick a category: All, Diagram (servers, databases, users, queues, networks), Cloud, AWS, Databases, DevOps, Languages, Frameworks, AI & data or Messaging & APIs. Or type in the search box; press / to jump to it.
  3. Drag an icon onto the board and let go where you want it. Or click it to add it in the middle of your view; more clicks line icons up in rows instead of stacking them.
  4. In the search box, press Enter to add the top result.

Options

  • Size: S, M, L or XL, from 32 to 256 board units.
  • Label: the icon's name, centred under it. On by default, and the icon and its label are grouped so they move together.
  • Line weight (Thin, Regular, Bold) and Colour for the outline icons in Diagram and All. Logos keep their own brand colours.

Tips

  • Can't find a logo? When fewer than 10 icons match, the palette also searches the full SVG Logos collection under Other logos.
  • Your last 12 icons stay in a Recent row, and the palette remembers your size, label and colour.
  • Icons are vector images, so they stay sharp however far you zoom in.

Privacy

  • The icons download as you browse: outline icons from jsDelivr, logos from the Iconify API. Nothing you draw or type is sent anywhere.
  • Your recent icons and options are saved in this browser, so they are the same on every board you open here.

Credits and licence

  • Outline icons by Lucide (ISC). Logos from SVG Logos (CC0); each logo is a trademark of its owner.
  • The extension's code is MIT. Building it yourself? See DEVELOPMENT.md.