module-generic

Introduced in v2.0.2
Available in TYPO3 10.4 11.5 12.4 13.x

Module Menu Preview

Usage

Icon Identifier

module-generic

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g fill="var(--icon-color-accent, #ff8700)" opacity=".4"><path d="M38.26 12c-1.33 0-5.39 0-5.39 4.83 0 5.91 4.91 17.94 10.61 17.94 4.23 0 8.52-9.69 8.52-16.66C52 15.32 49.62 12 38.26 12ZM48 18.11v.09l-8.24 8.24c-.64-1.19-1.24-2.54-1.73-3.92l6.07-6.07c2.72.49 3.91 1.26 3.91 1.66Zm-11.06-1.98c.13-.04.48-.13 1.32-.13h.62l-1.95 1.95c-.04-.39-.06-.76-.06-1.13 0-.4.04-.61.07-.7Zm6.39 14.63c-.36-.07-.81-.41-1.3-.93l4.55-4.55c-1.06 2.83-2.45 5-3.26 5.48Z"/><path d="M40.25 36.89c-.1.05-.4.05-.68.05-.83 0-2.07-1.36-3.37-3.39-.03-.05-.06-.1-.09-.14-2.71-4.27-5.69-11.35-5.99-15.21v-.07c-.01-.18-.02-.36-.02-.53 0-1.22.15-1.37.45-1.66.62-.6.77-1.54.39-2.31a2.023 2.023 0 0 0-2.07-1.1c-4.44.62-12.67 2.6-15.56 6.04-.86.91-1.29 2.31-1.29 4.17 0 2.21.59 5.19 1.6 8.4.03.2.1.39.19.57a57.47 57.47 0 0 0 3.22 7.81c.06.15.13.3.23.44 1.28 2.49 2.73 4.83 4.27 6.78a2 2 0 0 0 .33.45c.04.04.08.06.12.1 2.37 2.84 4.94 4.71 7.44 4.71 4.33 0 9.88-6.18 13.46-12.3.45-.76.34-1.73-.26-2.37s-1.55-.82-2.35-.43Zm-18.9 2.3 8.64-8.63c.6 1.28 1.26 2.54 1.95 3.71l-8.45 8.45c-.73-1.07-1.45-2.26-2.14-3.52Zm-3.51-7.8 9.09-9.09c.36 1.32.83 2.77 1.39 4.27l-8.85 8.85c-.6-1.33-1.15-2.69-1.63-4.03Zm-1.65-10.05c.05-.05.1-.11.15-.16 1.18-1.46 5.17-3.08 9.76-4.08v.39l-9.54 9.54c-.35-1.55-.55-3.01-.55-4.28 0-.91.16-1.36.19-1.41ZM29.39 48c-.98 0-2.16-.79-3.42-2.12l8.28-8.28c1.08 1.3 2.22 2.31 3.38 2.86-3.41 4.93-6.82 7.53-8.24 7.53Z"/></g><path fill="currentColor" d="M43.48 34.77c-5.7 0-10.61-12.04-10.61-17.94 0-4.83 4.06-4.83 5.39-4.83C49.62 12 52 15.33 52 18.11c0 6.97-4.29 16.66-8.52 16.66Zm-6.54-18.64c-.03.09-.07.3-.07.7 0 5.41 4.46 13.53 6.46 13.93C44.74 29.9 48 23.84 48 18.12c0-.62-2.8-2.11-9.74-2.11-.84 0-1.19.08-1.32.13Z"/><path fill="currentColor" d="M29.39 52C21.1 52 12 31.46 12 22.74c0-1.86.43-3.26 1.29-4.17 2.89-3.45 11.12-5.42 15.56-6.04.86-.11 1.69.32 2.07 1.1.38.77.22 1.71-.39 2.31-.3.29-.45.44-.45 1.66 0 5.42 6.82 19.34 9.48 19.34.28 0 .58 0 .68-.05.79-.39 1.75-.21 2.35.43s.71 1.61.26 2.37c-3.58 6.12-9.14 12.3-13.46 12.3ZM26.1 17.09c-4.59 1-8.58 2.63-9.76 4.08-.05.06-.1.11-.15.16-.02.05-.19.5-.19 1.41C16 31.24 24.89 48 29.39 48c1.42 0 4.82-2.6 8.24-7.53-6.07-2.9-11.54-18.28-11.54-22.87 0-.18 0-.35.01-.51Z"/></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"><g fill="var(--icon-color-accent, #ff8700)" opacity=".4"><path d="M38.26 12c-1.33 0-5.39 0-5.39 4.83 0 5.91 4.91 17.94 10.61 17.94 4.23 0 8.52-9.69 8.52-16.66C52 15.32 49.62 12 38.26 12ZM48 18.11v.09l-8.24 8.24c-.64-1.19-1.24-2.54-1.73-3.92l6.07-6.07c2.72.49 3.91 1.26 3.91 1.66Zm-11.06-1.98c.13-.04.48-.13 1.32-.13h.62l-1.95 1.95c-.04-.39-.06-.76-.06-1.13 0-.4.04-.61.07-.7Zm6.39 14.63c-.36-.07-.81-.41-1.3-.93l4.55-4.55c-1.06 2.83-2.45 5-3.26 5.48Z"/><path d="M40.25 36.89c-.1.05-.4.05-.68.05-.83 0-2.07-1.36-3.37-3.39-.03-.05-.06-.1-.09-.14-2.71-4.27-5.69-11.35-5.99-15.21v-.07c-.01-.18-.02-.36-.02-.53 0-1.22.15-1.37.45-1.66.62-.6.77-1.54.39-2.31a2.023 2.023 0 0 0-2.07-1.1c-4.44.62-12.67 2.6-15.56 6.04-.86.91-1.29 2.31-1.29 4.17 0 2.21.59 5.19 1.6 8.4.03.2.1.39.19.57a57.47 57.47 0 0 0 3.22 7.81c.06.15.13.3.23.44 1.28 2.49 2.73 4.83 4.27 6.78a2 2 0 0 0 .33.45c.04.04.08.06.12.1 2.37 2.84 4.94 4.71 7.44 4.71 4.33 0 9.88-6.18 13.46-12.3.45-.76.34-1.73-.26-2.37s-1.55-.82-2.35-.43Zm-18.9 2.3 8.64-8.63c.6 1.28 1.26 2.54 1.95 3.71l-8.45 8.45c-.73-1.07-1.45-2.26-2.14-3.52Zm-3.51-7.8 9.09-9.09c.36 1.32.83 2.77 1.39 4.27l-8.85 8.85c-.6-1.33-1.15-2.69-1.63-4.03Zm-1.65-10.05c.05-.05.1-.11.15-.16 1.18-1.46 5.17-3.08 9.76-4.08v.39l-9.54 9.54c-.35-1.55-.55-3.01-.55-4.28 0-.91.16-1.36.19-1.41ZM29.39 48c-.98 0-2.16-.79-3.42-2.12l8.28-8.28c1.08 1.3 2.22 2.31 3.38 2.86-3.41 4.93-6.82 7.53-8.24 7.53Z"/></g><path fill="currentColor" d="M43.48 34.77c-5.7 0-10.61-12.04-10.61-17.94 0-4.83 4.06-4.83 5.39-4.83C49.62 12 52 15.33 52 18.11c0 6.97-4.29 16.66-8.52 16.66Zm-6.54-18.64c-.03.09-.07.3-.07.7 0 5.41 4.46 13.53 6.46 13.93C44.74 29.9 48 23.84 48 18.12c0-.62-2.8-2.11-9.74-2.11-.84 0-1.19.08-1.32.13Z"/><path fill="currentColor" d="M29.39 52C21.1 52 12 31.46 12 22.74c0-1.86.43-3.26 1.29-4.17 2.89-3.45 11.12-5.42 15.56-6.04.86-.11 1.69.32 2.07 1.1.38.77.22 1.71-.39 2.31-.3.29-.45.44-.45 1.66 0 5.42 6.82 19.34 9.48 19.34.28 0 .58 0 .68-.05.79-.39 1.75-.21 2.35.43s.71 1.61.26 2.37c-3.58 6.12-9.14 12.3-13.46 12.3ZM26.1 17.09c-4.59 1-8.58 2.63-9.76 4.08-.05.06-.1.11-.15.16-.02.05-.19.5-.19 1.41C16 31.24 24.89 48 29.39 48c1.42 0 4.82-2.6 8.24-7.53-6.07-2.9-11.54-18.28-11.54-22.87 0-.18 0-.35.01-.51Z"/></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-generic" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="module-generic" size="small" />

TYPO3 Web Component

<typo3-backend-icon identifier="module-generic" 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%3cg fill='var(--icon-color-accent, %23ff8700)' opacity='.4'%3e%3cpath d='M38.26 12c-1.33 0-5.39 0-5.39 4.83 0 5.91 4.91 17.94 10.61 17.94 4.23 0 8.52-9.69 8.52-16.66C52 15.32 49.62 12 38.26 12ZM48 18.11v.09l-8.24 8.24c-.64-1.19-1.24-2.54-1.73-3.92l6.07-6.07c2.72.49 3.91 1.26 3.91 1.66Zm-11.06-1.98c.13-.04.48-.13 1.32-.13h.62l-1.95 1.95c-.04-.39-.06-.76-.06-1.13 0-.4.04-.61.07-.7Zm6.39 14.63c-.36-.07-.81-.41-1.3-.93l4.55-4.55c-1.06 2.83-2.45 5-3.26 5.48Z'/%3e%3cpath d='M40.25 36.89c-.1.05-.4.05-.68.05-.83 0-2.07-1.36-3.37-3.39-.03-.05-.06-.1-.09-.14-2.71-4.27-5.69-11.35-5.99-15.21v-.07c-.01-.18-.02-.36-.02-.53 0-1.22.15-1.37.45-1.66.62-.6.77-1.54.39-2.31a2.023 2.023 0 0 0-2.07-1.1c-4.44.62-12.67 2.6-15.56 6.04-.86.91-1.29 2.31-1.29 4.17 0 2.21.59 5.19 1.6 8.4.03.2.1.39.19.57a57.47 57.47 0 0 0 3.22 7.81c.06.15.13.3.23.44 1.28 2.49 2.73 4.83 4.27 6.78a2 2 0 0 0 .33.45c.04.04.08.06.12.1 2.37 2.84 4.94 4.71 7.44 4.71 4.33 0 9.88-6.18 13.46-12.3.45-.76.34-1.73-.26-2.37s-1.55-.82-2.35-.43Zm-18.9 2.3 8.64-8.63c.6 1.28 1.26 2.54 1.95 3.71l-8.45 8.45c-.73-1.07-1.45-2.26-2.14-3.52Zm-3.51-7.8 9.09-9.09c.36 1.32.83 2.77 1.39 4.27l-8.85 8.85c-.6-1.33-1.15-2.69-1.63-4.03Zm-1.65-10.05c.05-.05.1-.11.15-.16 1.18-1.46 5.17-3.08 9.76-4.08v.39l-9.54 9.54c-.35-1.55-.55-3.01-.55-4.28 0-.91.16-1.36.19-1.41ZM29.39 48c-.98 0-2.16-.79-3.42-2.12l8.28-8.28c1.08 1.3 2.22 2.31 3.38 2.86-3.41 4.93-6.82 7.53-8.24 7.53Z'/%3e%3c/g%3e%3cpath fill='%23fff' d='M43.48 34.77c-5.7 0-10.61-12.04-10.61-17.94 0-4.83 4.06-4.83 5.39-4.83C49.62 12 52 15.33 52 18.11c0 6.97-4.29 16.66-8.52 16.66Zm-6.54-18.64c-.03.09-.07.3-.07.7 0 5.41 4.46 13.53 6.46 13.93C44.74 29.9 48 23.84 48 18.12c0-.62-2.8-2.11-9.74-2.11-.84 0-1.19.08-1.32.13Z'/%3e%3cpath fill='%23fff' d='M29.39 52C21.1 52 12 31.46 12 22.74c0-1.86.43-3.26 1.29-4.17 2.89-3.45 11.12-5.42 15.56-6.04.86-.11 1.69.32 2.07 1.1.38.77.22 1.71-.39 2.31-.3.29-.45.44-.45 1.66 0 5.42 6.82 19.34 9.48 19.34.28 0 .58 0 .68-.05.79-.39 1.75-.21 2.35.43s.71 1.61.26 2.37c-3.58 6.12-9.14 12.3-13.46 12.3ZM26.1 17.09c-4.59 1-8.58 2.63-9.76 4.08-.05.06-.1.11-.15.16-.02.05-.19.5-.19 1.41C16 31.24 24.89 48 29.39 48c1.42 0 4.82-2.6 8.24-7.53-6.07-2.9-11.54-18.28-11.54-22.87 0-.18 0-.35.01-.51Z'/%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-generic;
}

Alias

  • module-version

Download

Download