module-extensionmanager
Introduced in v1.0.0
Available in TYPO3
7.6 8.6 9.5 10.4 11.5 12.4 13.x
Module Menu Preview
Usage
Icon Identifier
module-extensionmanagerMarkup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="m50.81 20.17-18-8c-.52-.23-1.11-.23-1.62 0l-18 8s-.07.05-.11.07c-.06.03-.12.05-.17.08-.04.03-.08.07-.12.1-.06.04-.11.09-.17.14-.08.08-.15.16-.22.25-.04.06-.08.11-.12.17-.06.1-.11.21-.15.32-.02.06-.05.11-.06.17-.05.17-.08.35-.08.54v20c0 .79.47 1.51 1.19 1.83l18 8c.26.12.54.17.81.17.38 0 .76-.11 1.09-.32.57-.37.91-1 .91-1.68v-18.7l16.81-7.47c.72-.32 1.19-1.04 1.19-1.83s-.47-1.51-1.19-1.83ZM30 46.92 16 40.7V25.08l14 6.22v15.62Zm2-19.11L18.92 22 32 16.19 45.08 22 32 27.81Z"/><path fill="currentColor" d="M32 52c-.38 0-.76-.11-1.09-.32-.57-.37-.91-1-.91-1.68V30c0-.79.47-1.51 1.19-1.83l18-8c.62-.28 1.33-.22 1.9.15s.91 1 .91 1.68v20c0 .79-.47 1.51-1.19 1.83l-18 8c-.26.12-.54.17-.81.17Zm2-20.7v15.62l14-6.22V25.08L34 31.3ZM50 42Z"/><g opacity=".4"><path fill="currentColor" d="M18.92 22 32 27.81 45.08 22 32 16.19 18.92 22z"/></g></svg>Inline
<span class="icon icon-size-small icon-state-default">
<span class="icon-markup">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="m50.81 20.17-18-8c-.52-.23-1.11-.23-1.62 0l-18 8s-.07.05-.11.07c-.06.03-.12.05-.17.08-.04.03-.08.07-.12.1-.06.04-.11.09-.17.14-.08.08-.15.16-.22.25-.04.06-.08.11-.12.17-.06.1-.11.21-.15.32-.02.06-.05.11-.06.17-.05.17-.08.35-.08.54v20c0 .79.47 1.51 1.19 1.83l18 8c.26.12.54.17.81.17.38 0 .76-.11 1.09-.32.57-.37.91-1 .91-1.68v-18.7l16.81-7.47c.72-.32 1.19-1.04 1.19-1.83s-.47-1.51-1.19-1.83ZM30 46.92 16 40.7V25.08l14 6.22v15.62Zm2-19.11L18.92 22 32 16.19 45.08 22 32 27.81Z"/><path fill="currentColor" d="M32 52c-.38 0-.76-.11-1.09-.32-.57-.37-.91-1-.91-1.68V30c0-.79.47-1.51 1.19-1.83l18-8c.62-.28 1.33-.22 1.9.15s.91 1 .91 1.68v20c0 .79-.47 1.51-1.19 1.83l-18 8c-.26.12-.54.17-.81.17Zm2-20.7v15.62l14-6.22V25.08L34 31.3ZM50 42Z"/><g opacity=".4"><path fill="currentColor" d="M18.92 22 32 27.81 45.08 22 32 16.19 18.92 22z"/></g></svg>
</span>
</span>Sprite
<span class="icon icon-size-small icon-state-default">
<span class="icon-markup">
<svg role="img"><use xlink:href="dist/sprites/module.svg?v=1769809642593#module-extensionmanager" /></svg>
</span>
</span>TYPO3 ViewHelper
<core:icon identifier="module-extensionmanager" size="small" />TYPO3 Web Component
<typo3-backend-icon identifier="module-extensionmanager" size="small"></typo3-backend-icon>CSS Background Image
.myclass {
background-size: 1em 1em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='m50.81 20.17-18-8c-.52-.23-1.11-.23-1.62 0l-18 8s-.07.05-.11.07c-.06.03-.12.05-.17.08-.04.03-.08.07-.12.1-.06.04-.11.09-.17.14-.08.08-.15.16-.22.25-.04.06-.08.11-.12.17-.06.1-.11.21-.15.32-.02.06-.05.11-.06.17-.05.17-.08.35-.08.54v20c0 .79.47 1.51 1.19 1.83l18 8c.26.12.54.17.81.17.38 0 .76-.11 1.09-.32.57-.37.91-1 .91-1.68v-18.7l16.81-7.47c.72-.32 1.19-1.04 1.19-1.83s-.47-1.51-1.19-1.83ZM30 46.92 16 40.7V25.08l14 6.22v15.62Zm2-19.11L18.92 22 32 16.19 45.08 22 32 27.81Z'/%3e%3cpath fill='%23fff' d='M32 52c-.38 0-.76-.11-1.09-.32-.57-.37-.91-1-.91-1.68V30c0-.79.47-1.51 1.19-1.83l18-8c.62-.28 1.33-.22 1.9.15s.91 1 .91 1.68v20c0 .79-.47 1.51-1.19 1.83l-18 8c-.26.12-.54.17-.81.17Zm2-20.7v15.62l14-6.22V25.08L34 31.3ZM50 42Z'/%3e%3cg opacity='.4'%3e%3cpath fill='%23fff' d='M18.92 22 32 27.81 45.08 22 32 16.19 18.92 22z'/%3e%3c/g%3e%3c/svg%3e");
}Sass Background Variable
@import "@typo3/icons/dist/icons.scss";
@import "@typo3/icons/dist/scss/icons-variables-module.scss";
.myclass {
background-size: 1em 1em;
background-image: $icon-module-extensionmanager;
}