module-install-maintenance
Introduced in v1.1.1
Available in TYPO3
8.6 9.5 10.4 11.5 12.4 13.x
Module Menu Preview
Usage
Icon Identifier
module-install-maintenance
Markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="m30.44 35.66 1.6-1.6-2.08-2.08-1.6 1.6c-.68.68-1.93.53-2.79-.33-.86-.86-2.11-1.01-2.79-.33l-1.23 1.23.22 1.86-.82.82s-1.24-.15-1.86-.22c-2.18 2.18-4.36 4.37-6.54 6.55-.9.9-.7 2.57.44 3.72l4.16 4.16c2.28 1.9 3.72.45 3.72.45s2.18-2.18 6.54-6.55c-.07-.62-.15-1.24-.22-1.86l.82-.82 1.86.22 1.23-1.23c.68-.68.53-1.93-.33-2.79s-1.01-2.11-.33-2.79ZM51.08 12.93c-.91-.91-2.19-1.19-3.07-.66l-3.94 2.34c-1.16.69-.16 3.42-.16 3.42l-11.9 11.89L34.09 32l11.9-11.89s2.72 1 3.41-.16l2.34-3.94c.52-.88.24-2.16-.66-3.07Z"/><path fill="currentColor" d="M40.2 36.2 27.8 23.8c-.52-.52-.69-1.28-.5-1.99.74-2.66.08-5.63-2.01-7.72-1.95-1.95-4.65-2.65-7.16-2.15-.78.16-1.06 1.13-.5 1.69l2.95 2.95c.39.39.39 1.02 0 1.41l-2.59 2.59a.996.996 0 0 1-1.41 0l-2.95-2.95c-.56-.56-1.54-.28-1.69.5-.51 2.51.2 5.21 2.15 7.16a7.876 7.876 0 0 0 7.72 2.01c.71-.2 1.47-.02 1.99.5l12.4 12.4c.52.52.69 1.28.5 1.99-.74 2.66-.08 5.63 2.01 7.72 1.95 1.95 4.65 2.65 7.16 2.15.78-.16 1.06-1.13.5-1.69l-2.95-2.95a.996.996 0 0 1 0-1.41l2.59-2.59a.996.996 0 0 1 1.41 0l2.95 2.95c.56.56 1.54.28 1.69-.5.51-2.51-.2-5.21-2.15-7.16a7.876 7.876 0 0 0-7.72-2.01c-.71.2-1.47.02-1.99-.5Z"/></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="m30.44 35.66 1.6-1.6-2.08-2.08-1.6 1.6c-.68.68-1.93.53-2.79-.33-.86-.86-2.11-1.01-2.79-.33l-1.23 1.23.22 1.86-.82.82s-1.24-.15-1.86-.22c-2.18 2.18-4.36 4.37-6.54 6.55-.9.9-.7 2.57.44 3.72l4.16 4.16c2.28 1.9 3.72.45 3.72.45s2.18-2.18 6.54-6.55c-.07-.62-.15-1.24-.22-1.86l.82-.82 1.86.22 1.23-1.23c.68-.68.53-1.93-.33-2.79s-1.01-2.11-.33-2.79ZM51.08 12.93c-.91-.91-2.19-1.19-3.07-.66l-3.94 2.34c-1.16.69-.16 3.42-.16 3.42l-11.9 11.89L34.09 32l11.9-11.89s2.72 1 3.41-.16l2.34-3.94c.52-.88.24-2.16-.66-3.07Z"/><path fill="currentColor" d="M40.2 36.2 27.8 23.8c-.52-.52-.69-1.28-.5-1.99.74-2.66.08-5.63-2.01-7.72-1.95-1.95-4.65-2.65-7.16-2.15-.78.16-1.06 1.13-.5 1.69l2.95 2.95c.39.39.39 1.02 0 1.41l-2.59 2.59a.996.996 0 0 1-1.41 0l-2.95-2.95c-.56-.56-1.54-.28-1.69.5-.51 2.51.2 5.21 2.15 7.16a7.876 7.876 0 0 0 7.72 2.01c.71-.2 1.47-.02 1.99.5l12.4 12.4c.52.52.69 1.28.5 1.99-.74 2.66-.08 5.63 2.01 7.72 1.95 1.95 4.65 2.65 7.16 2.15.78-.16 1.06-1.13.5-1.69l-2.95-2.95a.996.996 0 0 1 0-1.41l2.59-2.59a.996.996 0 0 1 1.41 0l2.95 2.95c.56.56 1.54.28 1.69-.5.51-2.51-.2-5.21-2.15-7.16a7.876 7.876 0 0 0-7.72-2.01c-.71.2-1.47.02-1.99-.5Z"/></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-install-maintenance" /></svg>
</span>
</span>
TYPO3 ViewHelper
<core:icon identifier="module-install-maintenance" size="small" />
TYPO3 Web Component
<typo3-backend-icon identifier="module-install-maintenance" 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='m30.44 35.66 1.6-1.6-2.08-2.08-1.6 1.6c-.68.68-1.93.53-2.79-.33-.86-.86-2.11-1.01-2.79-.33l-1.23 1.23.22 1.86-.82.82s-1.24-.15-1.86-.22c-2.18 2.18-4.36 4.37-6.54 6.55-.9.9-.7 2.57.44 3.72l4.16 4.16c2.28 1.9 3.72.45 3.72.45s2.18-2.18 6.54-6.55c-.07-.62-.15-1.24-.22-1.86l.82-.82 1.86.22 1.23-1.23c.68-.68.53-1.93-.33-2.79s-1.01-2.11-.33-2.79ZM51.08 12.93c-.91-.91-2.19-1.19-3.07-.66l-3.94 2.34c-1.16.69-.16 3.42-.16 3.42l-11.9 11.89L34.09 32l11.9-11.89s2.72 1 3.41-.16l2.34-3.94c.52-.88.24-2.16-.66-3.07Z'/%3e%3cpath fill='%23fff' d='M40.2 36.2 27.8 23.8c-.52-.52-.69-1.28-.5-1.99.74-2.66.08-5.63-2.01-7.72-1.95-1.95-4.65-2.65-7.16-2.15-.78.16-1.06 1.13-.5 1.69l2.95 2.95c.39.39.39 1.02 0 1.41l-2.59 2.59a.996.996 0 0 1-1.41 0l-2.95-2.95c-.56-.56-1.54-.28-1.69.5-.51 2.51.2 5.21 2.15 7.16a7.876 7.876 0 0 0 7.72 2.01c.71-.2 1.47-.02 1.99.5l12.4 12.4c.52.52.69 1.28.5 1.99-.74 2.66-.08 5.63 2.01 7.72 1.95 1.95 4.65 2.65 7.16 2.15.78-.16 1.06-1.13.5-1.69l-2.95-2.95a.996.996 0 0 1 0-1.41l2.59-2.59a.996.996 0 0 1 1.41 0l2.95 2.95c.56.56 1.54.28 1.69-.5.51-2.51-.2-5.21-2.15-7.16a7.876 7.876 0 0 0-7.72-2.01c-.71.2-1.47.02-1.99-.5Z'/%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-install-maintenance;
}