module-system

Introduced in v5.0.2

Module Menu Preview

Usage

Icon Identifier

module-system

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="currentColor" d="M32.93 52c-.83 0-1.53-.6-1.63-1.4l-.48-3.72c-.36-.13-.69-.29-1.01-.48s-.62-.39-.92-.6l-3.55 1.45c-.76.31-1.64.02-2.06-.67l-3.06-5.16c-.42-.7-.23-1.59.43-2.08l3.07-2.27c-.03-.19-.04-.37-.04-.54v-1.08c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l3.06-5.16c.41-.7 1.3-.99 2.06-.67l3.55 1.45c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h6.13c.83 0 1.53.6 1.63 1.4l.48 3.72c.36.13.69.29 1.01.48s.62.39.92.6l3.55-1.45c.76-.31 1.64-.02 2.06.67l3.06 5.16c.42.7.23 1.59-.43 2.08l-3.07 2.27c.03.19.04.37.04.54v1.08c0 .17-.03.35-.08.54l3.07 2.27c.66.49.85 1.38.43 2.08l-3.06 5.15c-.42.7-1.3.99-2.06.67l-3.51-1.45c-.3.21-.62.41-.94.6s-.66.35-.99.48l-.48 3.72c-.1.8-.8 1.4-1.63 1.4h-6.13Zm3.15-10.4c1.59 0 2.94-.55 4.06-1.64 1.12-1.09 1.68-2.41 1.68-3.96s-.56-2.87-1.68-3.96c-1.12-1.09-2.48-1.64-4.06-1.64s-2.98.55-4.09 1.64c-1.11 1.09-1.66 2.41-1.66 3.96s.55 2.87 1.66 3.96c1.11 1.09 2.47 1.64 4.09 1.64Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M20.48 34.95c.08.6.6 1.05 1.22 1.05h1.98v-.54c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l1.73-2.91c-.34-.19-.66-.41-.95-.69-.83-.82-1.25-1.81-1.25-2.97s.42-2.15 1.25-2.97c.83-.82 1.85-1.23 3.06-1.23s2.21.41 3.05 1.23c.84.82 1.26 1.81 1.26 2.97 0 .66-.15 1.26-.43 1.81l.95.39c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h2.93s-.01-.05-.02-.07l-2.3-3.87c-.31-.52-.97-.74-1.54-.51l-2.66 1.09c-.23-.16-.46-.31-.69-.45-.24-.14-.49-.26-.75-.36l-.36-2.79c-.08-.6-.6-1.05-1.22-1.05h-4.6c-.62 0-1.15.45-1.22 1.05l-.36 2.79c-.25.1-.49.22-.74.36-.25.14-.48.29-.71.45l-2.66-1.09c-.57-.23-1.23-.02-1.54.51l-2.3 3.87c-.31.52-.17 1.19.32 1.56l2.3 1.7c-.02.14-.03.28-.03.41v.81c0 .13.01.26.03.41l-2.3 1.7c-.5.37-.63 1.03-.32 1.56l2.3 3.87c.31.52.97.74 1.54.51l2.66-1.09c.23.16.46.31.69.45.24.14.49.26.75.36l.36 2.79Z"/></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="currentColor" d="M32.93 52c-.83 0-1.53-.6-1.63-1.4l-.48-3.72c-.36-.13-.69-.29-1.01-.48s-.62-.39-.92-.6l-3.55 1.45c-.76.31-1.64.02-2.06-.67l-3.06-5.16c-.42-.7-.23-1.59.43-2.08l3.07-2.27c-.03-.19-.04-.37-.04-.54v-1.08c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l3.06-5.16c.41-.7 1.3-.99 2.06-.67l3.55 1.45c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h6.13c.83 0 1.53.6 1.63 1.4l.48 3.72c.36.13.69.29 1.01.48s.62.39.92.6l3.55-1.45c.76-.31 1.64-.02 2.06.67l3.06 5.16c.42.7.23 1.59-.43 2.08l-3.07 2.27c.03.19.04.37.04.54v1.08c0 .17-.03.35-.08.54l3.07 2.27c.66.49.85 1.38.43 2.08l-3.06 5.15c-.42.7-1.3.99-2.06.67l-3.51-1.45c-.3.21-.62.41-.94.6s-.66.35-.99.48l-.48 3.72c-.1.8-.8 1.4-1.63 1.4h-6.13Zm3.15-10.4c1.59 0 2.94-.55 4.06-1.64 1.12-1.09 1.68-2.41 1.68-3.96s-.56-2.87-1.68-3.96c-1.12-1.09-2.48-1.64-4.06-1.64s-2.98.55-4.09 1.64c-1.11 1.09-1.66 2.41-1.66 3.96s.55 2.87 1.66 3.96c1.11 1.09 2.47 1.64 4.09 1.64Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M20.48 34.95c.08.6.6 1.05 1.22 1.05h1.98v-.54c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l1.73-2.91c-.34-.19-.66-.41-.95-.69-.83-.82-1.25-1.81-1.25-2.97s.42-2.15 1.25-2.97c.83-.82 1.85-1.23 3.06-1.23s2.21.41 3.05 1.23c.84.82 1.26 1.81 1.26 2.97 0 .66-.15 1.26-.43 1.81l.95.39c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h2.93s-.01-.05-.02-.07l-2.3-3.87c-.31-.52-.97-.74-1.54-.51l-2.66 1.09c-.23-.16-.46-.31-.69-.45-.24-.14-.49-.26-.75-.36l-.36-2.79c-.08-.6-.6-1.05-1.22-1.05h-4.6c-.62 0-1.15.45-1.22 1.05l-.36 2.79c-.25.1-.49.22-.74.36-.25.14-.48.29-.71.45l-2.66-1.09c-.57-.23-1.23-.02-1.54.51l-2.3 3.87c-.31.52-.17 1.19.32 1.56l2.3 1.7c-.02.14-.03.28-.03.41v.81c0 .13.01.26.03.41l-2.3 1.7c-.5.37-.63 1.03-.32 1.56l2.3 3.87c.31.52.97.74 1.54.51l2.66-1.09c.23.16.46.31.69.45.24.14.49.26.75.36l.36 2.79Z"/></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-system" /></svg>
    </span>
</span>

TYPO3 ViewHelper

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

TYPO3 Web Component

<typo3-backend-icon identifier="module-system" 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='%23fff' d='M32.93 52c-.83 0-1.53-.6-1.63-1.4l-.48-3.72c-.36-.13-.69-.29-1.01-.48s-.62-.39-.92-.6l-3.55 1.45c-.76.31-1.64.02-2.06-.67l-3.06-5.16c-.42-.7-.23-1.59.43-2.08l3.07-2.27c-.03-.19-.04-.37-.04-.54v-1.08c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l3.06-5.16c.41-.7 1.3-.99 2.06-.67l3.55 1.45c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h6.13c.83 0 1.53.6 1.63 1.4l.48 3.72c.36.13.69.29 1.01.48s.62.39.92.6l3.55-1.45c.76-.31 1.64-.02 2.06.67l3.06 5.16c.42.7.23 1.59-.43 2.08l-3.07 2.27c.03.19.04.37.04.54v1.08c0 .17-.03.35-.08.54l3.07 2.27c.66.49.85 1.38.43 2.08l-3.06 5.15c-.42.7-1.3.99-2.06.67l-3.51-1.45c-.3.21-.62.41-.94.6s-.66.35-.99.48l-.48 3.72c-.1.8-.8 1.4-1.63 1.4h-6.13Zm3.15-10.4c1.59 0 2.94-.55 4.06-1.64 1.12-1.09 1.68-2.41 1.68-3.96s-.56-2.87-1.68-3.96c-1.12-1.09-2.48-1.64-4.06-1.64s-2.98.55-4.09 1.64c-1.11 1.09-1.66 2.41-1.66 3.96s.55 2.87 1.66 3.96c1.11 1.09 2.47 1.64 4.09 1.64Z'/%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='M20.48 34.95c.08.6.6 1.05 1.22 1.05h1.98v-.54c0-.17.01-.35.04-.54l-3.07-2.27c-.66-.49-.85-1.38-.43-2.08l1.73-2.91c-.34-.19-.66-.41-.95-.69-.83-.82-1.25-1.81-1.25-2.97s.42-2.15 1.25-2.97c.83-.82 1.85-1.23 3.06-1.23s2.21.41 3.05 1.23c.84.82 1.26 1.81 1.26 2.97 0 .66-.15 1.26-.43 1.81l.95.39c.3-.21.62-.41.94-.6.33-.19.66-.35.99-.48l.48-3.72c.1-.8.8-1.4 1.63-1.4h2.93s-.01-.05-.02-.07l-2.3-3.87c-.31-.52-.97-.74-1.54-.51l-2.66 1.09c-.23-.16-.46-.31-.69-.45-.24-.14-.49-.26-.75-.36l-.36-2.79c-.08-.6-.6-1.05-1.22-1.05h-4.6c-.62 0-1.15.45-1.22 1.05l-.36 2.79c-.25.1-.49.22-.74.36-.25.14-.48.29-.71.45l-2.66-1.09c-.57-.23-1.23-.02-1.54.51l-2.3 3.87c-.31.52-.17 1.19.32 1.56l2.3 1.7c-.02.14-.03.28-.03.41v.81c0 .13.01.26.03.41l-2.3 1.7c-.5.37-.63 1.03-.32 1.56l2.3 3.87c.31.52.97.74 1.54.51l2.66-1.09c.23.16.46.31.69.45.24.14.49.26.75.36l.36 2.79Z'/%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-system;
}

Alias

  • modulegroup-system

Download

Download