module-setup

module-setup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="currentColor" d="M29.07 24.82c-3.18-3.38-7.13-3.16-10.04-2.22-.72.23-.95 1.14-.41 1.68l4.46 4.44c.4.39.4 1.03 0 1.42l-3.03 3.02c-.4.39-1.04.39-1.43 0l-4.46-4.44c-.54-.53-1.45-.31-1.68.41-.94 2.89-1.16 6.83 2.23 9.99s8.05 3.41 11.12 2.1c.35-.15.86-.03 1.13.24l9.99 9.94c.79.79 2.07.79 2.86 0l1.6-1.59c.79-.79.79-2.06 0-2.85l-9.99-9.94c-.27-.27-.39-.78-.24-1.13 1.31-3.06 1.05-7.72-2.11-11.08Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M48.47 28.01c.05-.18.08-.34.08-.51v-1.01c0-.16-.01-.33-.04-.51l2.88-2.12c.62-.46.79-1.29.4-1.95l-2.87-4.83c-.39-.65-1.21-.92-1.93-.63l-3.33 1.36c-.28-.2-.57-.39-.87-.56s-.61-.33-.94-.45l-.45-3.49c-.1-.75-.75-1.31-1.53-1.31h-5.75c-.78 0-1.43.56-1.53 1.31l-.45 3.49a7.1 7.1 0 0 0-.92.45c-.31.18-.6.36-.89.56L27 16.45a1.57 1.57 0 0 0-1.93.63l-2.87 4.83s-.02.07-.04.1c2.28-.11 4.76.54 6.9 2.8 3.16 3.35 3.42 8.02 2.11 11.08-.15.35-.03.86.24 1.13l5 4.98h3.45c.78 0 1.43-.56 1.53-1.31l.45-3.49c.31-.12.62-.27.92-.45s.6-.36.89-.56l3.29 1.36c.72.3 1.54.03 1.93-.63l2.87-4.83c.39-.66.22-1.49-.4-1.95l-2.88-2.12Zm-7.58 2.7c-1.05 1.03-2.32 1.54-3.81 1.54s-2.79-.51-3.83-1.54-1.56-2.26-1.56-3.71.52-2.69 1.56-3.71c1.04-1.03 2.32-1.54 3.83-1.54s2.76.51 3.81 1.54c1.05 1.02 1.58 2.26 1.58 3.71s-.53 2.69-1.58 3.71Z"/></svg>

<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="M29.07 24.82c-3.18-3.38-7.13-3.16-10.04-2.22-.72.23-.95 1.14-.41 1.68l4.46 4.44c.4.39.4 1.03 0 1.42l-3.03 3.02c-.4.39-1.04.39-1.43 0l-4.46-4.44c-.54-.53-1.45-.31-1.68.41-.94 2.89-1.16 6.83 2.23 9.99s8.05 3.41 11.12 2.1c.35-.15.86-.03 1.13.24l9.99 9.94c.79.79 2.07.79 2.86 0l1.6-1.59c.79-.79.79-2.06 0-2.85l-9.99-9.94c-.27-.27-.39-.78-.24-1.13 1.31-3.06 1.05-7.72-2.11-11.08Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M48.47 28.01c.05-.18.08-.34.08-.51v-1.01c0-.16-.01-.33-.04-.51l2.88-2.12c.62-.46.79-1.29.4-1.95l-2.87-4.83c-.39-.65-1.21-.92-1.93-.63l-3.33 1.36c-.28-.2-.57-.39-.87-.56s-.61-.33-.94-.45l-.45-3.49c-.1-.75-.75-1.31-1.53-1.31h-5.75c-.78 0-1.43.56-1.53 1.31l-.45 3.49a7.1 7.1 0 0 0-.92.45c-.31.18-.6.36-.89.56L27 16.45a1.57 1.57 0 0 0-1.93.63l-2.87 4.83s-.02.07-.04.1c2.28-.11 4.76.54 6.9 2.8 3.16 3.35 3.42 8.02 2.11 11.08-.15.35-.03.86.24 1.13l5 4.98h3.45c.78 0 1.43-.56 1.53-1.31l.45-3.49c.31-.12.62-.27.92-.45s.6-.36.89-.56l3.29 1.36c.72.3 1.54.03 1.93-.63l2.87-4.83c.39-.66.22-1.49-.4-1.95l-2.88-2.12Zm-7.58 2.7c-1.05 1.03-2.32 1.54-3.81 1.54s-2.79-.51-3.83-1.54-1.56-2.26-1.56-3.71.52-2.69 1.56-3.71c1.04-1.03 2.32-1.54 3.83-1.54s2.76.51 3.81 1.54c1.05 1.02 1.58 2.26 1.58 3.71s-.53 2.69-1.58 3.71Z"/></svg>
    </span>
</span>

<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-setup" /></svg>
    </span>
</span>

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

<typo3-backend-icon identifier="module-setup" size="small"></typo3-backend-icon>

.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='M29.07 24.82c-3.18-3.38-7.13-3.16-10.04-2.22-.72.23-.95 1.14-.41 1.68l4.46 4.44c.4.39.4 1.03 0 1.42l-3.03 3.02c-.4.39-1.04.39-1.43 0l-4.46-4.44c-.54-.53-1.45-.31-1.68.41-.94 2.89-1.16 6.83 2.23 9.99s8.05 3.41 11.12 2.1c.35-.15.86-.03 1.13.24l9.99 9.94c.79.79 2.07.79 2.86 0l1.6-1.59c.79-.79.79-2.06 0-2.85l-9.99-9.94c-.27-.27-.39-.78-.24-1.13 1.31-3.06 1.05-7.72-2.11-11.08Z'/%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='M48.47 28.01c.05-.18.08-.34.08-.51v-1.01c0-.16-.01-.33-.04-.51l2.88-2.12c.62-.46.79-1.29.4-1.95l-2.87-4.83c-.39-.65-1.21-.92-1.93-.63l-3.33 1.36c-.28-.2-.57-.39-.87-.56s-.61-.33-.94-.45l-.45-3.49c-.1-.75-.75-1.31-1.53-1.31h-5.75c-.78 0-1.43.56-1.53 1.31l-.45 3.49a7.1 7.1 0 0 0-.92.45c-.31.18-.6.36-.89.56L27 16.45a1.57 1.57 0 0 0-1.93.63l-2.87 4.83s-.02.07-.04.1c2.28-.11 4.76.54 6.9 2.8 3.16 3.35 3.42 8.02 2.11 11.08-.15.35-.03.86.24 1.13l5 4.98h3.45c.78 0 1.43-.56 1.53-1.31l.45-3.49c.31-.12.62-.27.92-.45s.6-.36.89-.56l3.29 1.36c.72.3 1.54.03 1.93-.63l2.87-4.83c.39-.66.22-1.49-.4-1.95l-2.88-2.12Zm-7.58 2.7c-1.05 1.03-2.32 1.54-3.81 1.54s-2.79-.51-3.83-1.54-1.56-2.26-1.56-3.71.52-2.69 1.56-3.71c1.04-1.03 2.32-1.54 3.83-1.54s2.76.51 3.81 1.54c1.05 1.02 1.58 2.26 1.58 3.71s-.53 2.69-1.58 3.71Z'/%3e%3c/svg%3e");
}

@import "@typo3/icons/dist/icons.scss";
@import "@typo3/icons/dist/scss/icons-variables-module.scss";

.myclass {
    background-size: 1em 1em;
    background-image: $icon-module-setup;
}