Skip to content

One visual language for TYPO3

Browse 796 production-ready icons for TYPO3 Core, extensions and custom backend modules — and for any project that needs to match them. Find the right icon, preview every state and copy the code you need.

Browse all 796 icons Start using the icons

Browse icons by category

Start with the part of the backend you are building. Every category groups icons by a real TYPO3 interface task, from editing content to managing files and modules.

Icons for common interface actions such as adding, editing, saving, deleting, moving and navigating.

Page-tree and file-tree icons for node types, permissions, visibility states and drag-and-drop actions.

Icons for TYPO3 content elements, from text and media to forms, navigation and structured layouts.

Icons for the TYPO3 form editor, from text fields and checkboxes to file uploads and finishers.

Icons for environment checks, cache operations, database tools and other installation tasks.

File-type icons for documents, images, archives, source files, audio and video.

Large-format icons designed for TYPO3 backend modules and the module menu.

Compact status marks that add meaning to another icon, including hidden, locked, translated and deleted.

Icons for backend users, administrators, groups and authentication states.

And more: Avatars, Fallbacks, Folders, System information, Placeholders and Loading.

From search to implementation

Find an icon by name, purpose, tag or legacy identifier. Each detail page shows its available sizes, states, TYPO3 versions and implementation-ready identifier.

Inside TYPO3 Core there is nothing to install. For extensions and standalone tools, choose Fluid, the TYPO3 web component, SVG sprites, CSS or Sass.

Compare integration methods
<core:icon identifier="actions-document-edit" size="small" /> npm install @typo3/icons

Designed for real backend work

These icons are made for TYPO3's compact controls, page trees, content modules and editing workflows—not adapted from a generic interface set.

  • Consistent at every sizeShared grids, strokes and color rules keep Core and extensions visually aligned.
  • Ready for every languageDirectional icons can mirror automatically in right-to-left interfaces.
  • Stable across releasesVersion metadata shows which icons are available in each TYPO3 branch.

TYPO3 version compatibility

TYPO3 Core pins a tested version of the icon library. Check which package version—and therefore which icons—you can rely on in each TYPO3 branch.

TYPO3 @typo3/icons
12.4 4.3.1
13.4 4.4.1
14.x 5.0.3
Check every TYPO3 version

Help shape the TYPO3 visual language

Improve an existing icon or the documentation, follow the drawing rules and contribute your work through the established GitHub workflow.

Contribution guide View on GitHub