{namespace sg=TYPO3\CMS\Styleguide\ViewHelpers} {namespace core = TYPO3\CMS\Core\ViewHelpers}

Icons can be used in backend modules. TYPO3 automatically sends the corresponding HTML output code.

small default large
Default Icon
not registered icon
Provider Examples
provider-svg
provider-svg with overlay
provider-bitmap
provider-bitmap with overlay
provider-fontawesome
provider-fontawesome-spinner
provider-fontawesome with overlay

{icon}
small default large
{overlay}

Buttons

Default

default-not-found [a]

Provider SVG

provider-svg [a]

Provider Bitmap

provider-bitmap [a]

Provider FontAwesome

provider-fontawesome [a]

IRRE

default-not-found
provider-svg
provider-bitmap
provider-fontawesome

Registration

Register SVG

$iconRegistry->registerIcon( 'provider-svg', \TYPO3\CMS\Core\Imaging\IconProvider\SvgIconProvider::class, ['source' => 'EXT:icon_api/Resources/Public/Icons/provider_svg_icon.svg'] );

Register Bitmap

$iconRegistry->registerIcon( 'provider-bitmap', \TYPO3\CMS\Core\Imaging\IconProvider\BitmapIconProvider::class, ['source' => 'EXT:icon_api/Resources/Public/Icons/provider_bitmap_icon.png'] );

Register FontAwesome

$iconRegistry->registerIcon( 'provider-fontawesome', \TYPO3\CMS\Core\Imaging\IconProvider\FontawesomeIconProvider::class, ['name' => 'desktop'] );