Skip to content

11ND11/TYPO3.Icons

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

typo3-icons

SVG icons for the TYPO3 CMS backend

Icons

Actions

IconName Small Default
actions-add-placeholder
actions-add
actions-check
actions-close
actions-cloud
actions-database-export
actions-database-import
actions-database-reload
actions-database
actions-delete
actions-document-duplicates-select
actions-document-edit-access
actions-document-export-csv
actions-document-export-t3d
actions-document-history-open
actions-document-import-t3d
actions-document-info
actions-document-localize
actions-document-move
actions-document-new
actions-document-open-read-only
actions-document-open
actions-document-paste-after
actions-document-paste-before
actions-document-paste-into
actions-document-paste
actions-document-save-cleartranslationcache
actions-document-save-close
actions-document-save-new
actions-document-save-translation
actions-document-save-view
actions-document-save
actions-document-select
actions-document-synchronize
actions-document-view
actions-document
actions-download
actions-duplicate
actions-duplicates
actions-edit-copy-release
actions-edit-copy
actions-edit-cut-release
actions-edit-cut
actions-edit-delete
actions-edit-download
actions-edit-hide
actions-edit-insert-default
actions-edit-localize-status-high
actions-edit-localize-status-low
actions-edit-merge-localization
actions-edit-pick-date
actions-edit-rename
actions-edit-replace
actions-edit-restore
actions-edit-undelete-edit
actions-edit-undo
actions-edit-unhide
actions-edit-upload
actions-file-csv
actions-file-html
actions-file-openoffice
actions-file-pdf
actions-file
actions-filter
actions-folder
actions-input-clear
actions-insert-record
actions-insert-reference
actions-localize
actions-lock
actions-logout
actions-markstate
actions-menu
actions-merge
actions-message-error-close
actions-message-information-close
actions-message-notice-close
actions-message-ok-close
actions-message-warning-close
actions-move-down
actions-move-left
actions-move-move
actions-move-right
actions-move-to-bottom
actions-move-to-top
actions-move-up
actions-move
actions-online-media-add
actions-open
actions-page-move
actions-page-new
actions-page-open
actions-pagetree-collapse
actions-pagetree-expand
actions-pagetree-mountroot
actions-pagetree
actions-preview
actions-refresh
actions-remove
actions-rename
actions-replace
actions-save
actions-search
actions-selection-delete
actions-swap
actions-synchronize
actions-system-backend-user-emulate
actions-system-backend-user-switch
actions-system-cache-clear-impact-high
actions-system-cache-clear-impact-low
actions-system-cache-clear-impact-medium
actions-system-cache-clear-rte
actions-system-cache-clear
actions-system-extension-configure
actions-system-extension-documentation
actions-system-extension-download
actions-system-extension-import
actions-system-extension-install
actions-system-extension-sqldump
actions-system-extension-uninstall
actions-system-extension-update-disable
actions-system-extension-update
actions-system-help-open
actions-system-list-open
actions-system-options-view
actions-system-pagemodule-open
actions-system-refresh
actions-system-shortcut-active
actions-system-shortcut-new
actions-system-tree-search-open
actions-system-typoscript-documentation-open
actions-system-typoscript-documentation
actions-template-new
actions-unlock
actions-unmarkstate
actions-upload
actions-variable-select
actions-version-document-remove
actions-version-page-open
actions-version-swap-version
actions-version-swap-workspace
actions-version-workspace-preview
actions-version-workspace-sendtoprevstage
actions-version-workspace-sendtostage
actions-version-workspaces-preview-link
actions-view-go-back
actions-view-go-down
actions-view-go-forward
actions-view-go-up
actions-view-list-collapse
actions-view-list-expand
actions-view-page
actions-view-paging-first-disabled
actions-view-paging-first
actions-view-paging-last-disabled
actions-view-paging-last
actions-view-paging-next-disabled
actions-view-paging-next
actions-view-paging-previous-disabled
actions-view-paging-previous
actions-view-table-collapse
actions-view-table-expand
actions-view
actions-window-open

Apps

IconName Small Default
apps-clipboard-images
apps-clipboard-list
apps-filetree-folder-add
apps-filetree-folder-default
apps-filetree-folder-list
apps-filetree-folder-locked
apps-filetree-folder-media
apps-filetree-folder-news
apps-filetree-folder-opened
apps-filetree-folder-recycler
apps-filetree-folder-temp
apps-filetree-folder-user
apps-filetree-folder
apps-filetree-mount
apps-filetree-root
apps-irre-collapsed
apps-irre-expanded
apps-pagetree-backend-user-hideinmenu
apps-pagetree-backend-user
apps-pagetree-category-collapse-all
apps-pagetree-category-expand-all
apps-pagetree-collapse
apps-pagetree-drag-copy-above
apps-pagetree-drag-copy-below
apps-pagetree-drag-move-above
apps-pagetree-drag-move-below
apps-pagetree-drag-move-between
apps-pagetree-drag-move-into
apps-pagetree-drag-new-between
apps-pagetree-drag-new-inside
apps-pagetree-drag-place-denied
apps-pagetree-expand
apps-pagetree-folder-contains-approve
apps-pagetree-folder-contains-board
apps-pagetree-folder-contains-fe_users
apps-pagetree-folder-contains-news
apps-pagetree-folder-contains-shop
apps-pagetree-folder-contains
apps-pagetree-folder-default
apps-pagetree-folder-hideinmenu
apps-pagetree-folder-root
apps-pagetree-page-advanced-hideinmenu
apps-pagetree-page-advanced-root
apps-pagetree-page-advanced
apps-pagetree-page-backend-user-hideinmenu
apps-pagetree-page-backend-user-root
apps-pagetree-page-backend-user
apps-pagetree-page-backend-users-hideinmenu
apps-pagetree-page-backend-users-root
apps-pagetree-page-backend-users
apps-pagetree-page-content-from-page-hideinmenu
apps-pagetree-page-content-from-page-root
apps-pagetree-page-content-from-page
apps-pagetree-page-default
apps-pagetree-page-domain
apps-pagetree-page-frontend-user-hideinmenu
apps-pagetree-page-frontend-user-root
apps-pagetree-page-frontend-user
apps-pagetree-page-frontend-users-hideinmenu
apps-pagetree-page-frontend-users-root
apps-pagetree-page-frontend-users
apps-pagetree-page-mountpoint-hideinmenu
apps-pagetree-page-mountpoint-root
apps-pagetree-page-mountpoint
apps-pagetree-page-not-in-menu
apps-pagetree-page-recycler-hideinmenu
apps-pagetree-page-recycler
apps-pagetree-page-shortcut-external-hideinmenu
apps-pagetree-page-shortcut-external-root
apps-pagetree-page-shortcut-external
apps-pagetree-page-shortcut-hideinmenu
apps-pagetree-page-shortcut-root
apps-pagetree-page-shortcut
apps-pagetree-page
apps-pagetree-root
apps-pagetree-spacer-hideinmenu
apps-pagetree-spacer-root
apps-pagetree-spacer
apps-toolbar-menu-actions
apps-toolbar-menu-cache
apps-toolbar-menu-help
apps-toolbar-menu-opendocs
apps-toolbar-menu-search
apps-toolbar-menu-shortcut
apps-toolbar-menu-systeminformation
apps-toolbar-menu-workspace

Avatar

IconName Small Default
avatar-default

Content

IconName Small Default
content-accordion
content-audio
content-beside-text-img-above-center
content-beside-text-img-above-left
content-beside-text-img-above-right
content-beside-text-img-below-center
content-beside-text-img-below-left
content-beside-text-img-below-right
content-beside-text-img-left
content-beside-text-img-right
content-briefcase
content-bullets
content-carousel-header
content-carousel-html
content-carousel-image
content-carousel
content-coffee
content-elements-login
content-elements-mailform
content-elements-searchform
content-form
content-header
content-idea
content-image
content-info
content-inside-text-img-left
content-inside-text-img-right
content-media
content-menu-abstract
content-menu-categorized
content-menu-pages
content-menu-recently-updated
content-menu-related
content-menu-section
content-menu-sitemap-pages
content-menu-sitemap
content-menu-thumbnail
content-news
content-panel
content-plugin
content-quote
content-special-div
content-special-html
content-special-indexed_search
content-special-menu
content-special-shortcut
content-special-uploads
content-tab-item
content-tab
content-table
content-text-columns
content-text-teaser
content-text
content-textmedia
content-textpic

Default

IconName Small Default
default-not-found

Form

IconName Small Default
form-advanced-password
form-checkbox
form-content-element
form-date-picker
form-fieldset
form-file-upload
form-finisher
form-gridcontainer
form-gridrow
form-hidden
form-image-upload
form-insert-after
form-insert-in
form-multi-checkbox
form-multi-select
form-page
form-password
form-radio-button
form-single-select
form-static-text
form-summary-page
form-text
form-textarea
form-validator

Mimetypes

IconName Small Default
mimetypes-application
mimetypes-compressed
mimetypes-excel
mimetypes-media-audio
mimetypes-media-flash
mimetypes-media-image
mimetypes-media-video-vimeo
mimetypes-media-video-youtube
mimetypes-media-video
mimetypes-open-document-database
mimetypes-open-document-drawing
mimetypes-open-document-formula
mimetypes-open-document-presentation
mimetypes-open-document-spreadsheet
mimetypes-open-document-text
mimetypes-other-other
mimetypes-pdf
mimetypes-powerpoint
mimetypes-text-css
mimetypes-text-csv
mimetypes-text-html
mimetypes-text-js
mimetypes-text-php
mimetypes-text-text
mimetypes-text-ts
mimetypes-text-typoscript
mimetypes-word
mimetypes-x-backend_layout
mimetypes-x-content-divider
mimetypes-x-content-domain
mimetypes-x-content-form-search
mimetypes-x-content-form
mimetypes-x-content-header
mimetypes-x-content-html
mimetypes-x-content-image
mimetypes-x-content-link
mimetypes-x-content-list-bullets
mimetypes-x-content-list-files
mimetypes-x-content-login
mimetypes-x-content-menu
mimetypes-x-content-multimedia
mimetypes-x-content-page-language-overlay
mimetypes-x-content-plugin
mimetypes-x-content-script
mimetypes-x-content-table
mimetypes-x-content-template-extension
mimetypes-x-content-template-static
mimetypes-x-content-template
mimetypes-x-content-text-media
mimetypes-x-content-text-picture
mimetypes-x-content-text
mimetypes-x-index_config
mimetypes-x-sys_action
mimetypes-x-sys_category
mimetypes-x-sys_filemounts
mimetypes-x-sys_file_storage
mimetypes-x-sys_language
mimetypes-x-sys_news
mimetypes-x-sys_note
mimetypes-x-sys_workspace
mimetypes-x-tx_rtehtmlarea_acronym
mimetypes-x-tx_scheduler_task_group

Miscellaneous

IconName Small Default
miscellaneous-placeholder

Module

IconName Small Default
module-about
module-aboutmodules
module-belog
module-beuser
module-config
module-cshmanual
module-dbal
module-dbint
module-documentation
module-extensionmanager
module-filelist
module-form
module-func
module-help
module-indexed_search
module-info
module-install-environment
module-install-maintenance
module-install-settings
module-install-upgrade
module-install
module-lang
module-list
module-page
module-permission
module-recycler
module-reports
module-scheduler
module-setup
module-taskcenter
module-tstemplate
module-version
module-viewpage
module-workspaces

Overlay

IconName Overlay
overlay-advanced
overlay-approved
overlay-backenduser
overlay-backendusers
overlay-deleted
overlay-edit
overlay-endtime
overlay-external-link
overlay-frontenduser
overlay-frontendusers
overlay-hidden
overlay-includes-subpages
overlay-info
overlay-list
overlay-locked
overlay-media
overlay-missing
overlay-mountpoint
overlay-new
overlay-news
overlay-readonly
overlay-restricted
overlay-scheduled
overlay-shop
overlay-shortcut
overlay-translated
overlay-warning

Spinner

IconName Small Default
spinner-circle-dark
spinner-circle-light
spinner-circle

Status

IconName Small Default
status-user-admin
status-user-backend
status-user-frontend
status-user-group-backend
status-user-group-frontend

Style guide

Action Icons

  • Size: 16x16px
  • Protective space: 1px
  • Effective Size: 14x14px
  • Outline width: 1px
  • Smooth Edges: 0,5px / 0,25px
  • Color: black / transparent
  • CSS class "icon-color" must be applied to the paths if its not coloured

Overlay Icons

  • Size: 11x11px

Colors

Color TYPO3 #FF8700 | TYPO3 primary color

Color yellow #E8A33D | Yellow

Color yellow light #FFC857 | Yellow light

Color gray dark #515151 | Gray dark

Color gray #8C8C8C | Gray

Color gray light #B9B9B9 | Gray light

Color gray brighter #EFEFEF | Gray brighter

Color red #C83C3C | Red

Color red light #FF6777 | Red light

Color green #79A548 | Green

Color green light #AAD400 | Green light

Color blue #5599FF | Blue

Color blue light #ABD7FF | Blue light

Color rebaccapurple #663399 | Purple

Fonts

The icon text was written in Verdana.

Build

npm install gulp-cli -g
npm install
gulp clean
gulp min
gulp docs

About

SVG icons for the TYPO3 Backend

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 90.6%
  • JavaScript 9.4%