SVG icons for the TYPO3 Backend
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Documentation
dist
docs
material
src
tmpl
.editorconfig
.gitattributes
.gitignore
LICENSE
README.md
bower.json
gulpfile.js
package.json
yarn.lock

README.md

@typo3/icons

SVG icons for the TYPO3 CMS backend

Style guide

Website: https://typo3.github.io/TYPO3.Icons/

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

Module Icons

  • Size: 64x64px

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

yarn install && npm gulp-cli -g
npm run-script build