@typo3/icons

SVG icons for the TYPO3 CMS backend

Sizes

default Scales with font-size
small 16px
medium 32px
large 48px
mega 64px

Colors

  • #FF8700 TYPO3 primary color
  • #E8A33D Yellow
  • #FFC857 Yellow light
  • #515151 Gray dark
  • #8C8C8C Gray
  • #B9B9B9 Gray light
  • #EFEFEF Gray brighter
  • #C83C3C Red
  • #FF6777 Red light
  • #79A548 Green
  • #AAD400 Green light
  • #5599FF Blue
  • #ABD7FF Blue light
  • #663399 Purple

Action Icons

Size
16x16px
Protective space
1px
Effective Size
14x14px
Outline width
1px
Smoodt Edges
0.5px / 0.25px
Color
black / transparent

Overlay Icons

Size
11x11px

Module Icons

Size
64x64px

Build

npm ci
npm run stylelint
npm run icons-build
npm run version-build

Site

npm ci
npm run site-build
npm run site-serve

Release

npm version [major | minor | patch]
npm publish