module-tools

module-tools

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="M34.44 52.16a2 2 0 0 1-1.98-1.71l-1.28-8.94a2 2 0 0 1 .57-1.7l8.94-8.94c.49-.49 1.2-.69 1.87-.53.67.16 1.22.66 1.44 1.31l2.56 7.67c.24.72.05 1.51-.48 2.05L35.86 51.59a2 2 0 0 1-1.41.59Zm.85-10.24.57 4 6.52-6.52-1.14-3.42-5.95 5.95ZM22.94 32.99c-.09 0-.19 0-.28-.02l-8.94-1.28c-.75-.11-1.38-.63-1.61-1.35-.24-.72-.05-1.51.48-2.05l10.22-10.22c.54-.54 1.33-.72 2.05-.48l7.67 2.56c.66.22 1.15.76 1.31 1.44.16.67-.04 1.38-.53 1.87l-8.94 8.94a2 2 0 0 1-1.41.59Zm-4.7-4.69 4 .57 5.95-5.95-3.42-1.14-6.52 6.52Z"/><path fill="currentColor" d="M29.15 46.86c-.51 0-1.03-.2-1.41-.59l-9.86-9.86c-.74-.74-.78-1.92-.1-2.72C19.92 31.2 39 9.48 50.29 12.43c.7.18 1.24.73 1.43 1.43 2.97 11.29-18.77 30.37-21.26 32.51-.38.32-.84.48-1.3.48Zm-7.12-11.94 7.21 7.21C37.3 34.91 48.07 22.86 48 16.16h-.06c-6.71 0-18.71 10.72-25.91 18.76Z"/><circle cx="34.44" cy="29.71" r="3.61" fill="currentColor" opacity=".4"/><path fill="currentColor" d="m36.52 19.01 8.62 8.62c3.33-4.75 5.6-9.6 4.64-13.25-3.65-.96-8.5 1.3-13.25 4.64Z" opacity=".4"/><path fill="currentColor" d="M16.32 52.01c-.92 0-1.79-.1-2.52-.24-.79-.16-1.41-.78-1.57-1.57-.57-2.85-.43-8.04 3.71-9.42.2-.07.42-.1.63-.1 3.47 0 6.76 3.28 6.76 6.76 0 .21-.04.43-.1.63-1.03 3.09-4.19 3.95-6.91 3.95Zm-.31-4.02c1.2.03 2.73-.11 3.28-.91-.21-1.05-1.32-2.16-2.37-2.37-.8.54-.94 2.07-.91 3.28Z"/></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="var(--icon-color-accent, #ff8700)" d="M34.44 52.16a2 2 0 0 1-1.98-1.71l-1.28-8.94a2 2 0 0 1 .57-1.7l8.94-8.94c.49-.49 1.2-.69 1.87-.53.67.16 1.22.66 1.44 1.31l2.56 7.67c.24.72.05 1.51-.48 2.05L35.86 51.59a2 2 0 0 1-1.41.59Zm.85-10.24.57 4 6.52-6.52-1.14-3.42-5.95 5.95ZM22.94 32.99c-.09 0-.19 0-.28-.02l-8.94-1.28c-.75-.11-1.38-.63-1.61-1.35-.24-.72-.05-1.51.48-2.05l10.22-10.22c.54-.54 1.33-.72 2.05-.48l7.67 2.56c.66.22 1.15.76 1.31 1.44.16.67-.04 1.38-.53 1.87l-8.94 8.94a2 2 0 0 1-1.41.59Zm-4.7-4.69 4 .57 5.95-5.95-3.42-1.14-6.52 6.52Z"/><path fill="currentColor" d="M29.15 46.86c-.51 0-1.03-.2-1.41-.59l-9.86-9.86c-.74-.74-.78-1.92-.1-2.72C19.92 31.2 39 9.48 50.29 12.43c.7.18 1.24.73 1.43 1.43 2.97 11.29-18.77 30.37-21.26 32.51-.38.32-.84.48-1.3.48Zm-7.12-11.94 7.21 7.21C37.3 34.91 48.07 22.86 48 16.16h-.06c-6.71 0-18.71 10.72-25.91 18.76Z"/><circle cx="34.44" cy="29.71" r="3.61" fill="currentColor" opacity=".4"/><path fill="currentColor" d="m36.52 19.01 8.62 8.62c3.33-4.75 5.6-9.6 4.64-13.25-3.65-.96-8.5 1.3-13.25 4.64Z" opacity=".4"/><path fill="currentColor" d="M16.32 52.01c-.92 0-1.79-.1-2.52-.24-.79-.16-1.41-.78-1.57-1.57-.57-2.85-.43-8.04 3.71-9.42.2-.07.42-.1.63-.1 3.47 0 6.76 3.28 6.76 6.76 0 .21-.04.43-.1.63-1.03 3.09-4.19 3.95-6.91 3.95Zm-.31-4.02c1.2.03 2.73-.11 3.28-.91-.21-1.05-1.32-2.16-2.37-2.37-.8.54-.94 2.07-.91 3.28Z"/></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-tools" /></svg>
    </span>
</span>

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

<typo3-backend-icon identifier="module-tools" 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='var(--icon-color-accent, %23ff8700)' d='M34.44 52.16a2 2 0 0 1-1.98-1.71l-1.28-8.94a2 2 0 0 1 .57-1.7l8.94-8.94c.49-.49 1.2-.69 1.87-.53.67.16 1.22.66 1.44 1.31l2.56 7.67c.24.72.05 1.51-.48 2.05L35.86 51.59a2 2 0 0 1-1.41.59Zm.85-10.24.57 4 6.52-6.52-1.14-3.42-5.95 5.95ZM22.94 32.99c-.09 0-.19 0-.28-.02l-8.94-1.28c-.75-.11-1.38-.63-1.61-1.35-.24-.72-.05-1.51.48-2.05l10.22-10.22c.54-.54 1.33-.72 2.05-.48l7.67 2.56c.66.22 1.15.76 1.31 1.44.16.67-.04 1.38-.53 1.87l-8.94 8.94a2 2 0 0 1-1.41.59Zm-4.7-4.69 4 .57 5.95-5.95-3.42-1.14-6.52 6.52Z'/%3e%3cpath fill='%23fff' d='M29.15 46.86c-.51 0-1.03-.2-1.41-.59l-9.86-9.86c-.74-.74-.78-1.92-.1-2.72C19.92 31.2 39 9.48 50.29 12.43c.7.18 1.24.73 1.43 1.43 2.97 11.29-18.77 30.37-21.26 32.51-.38.32-.84.48-1.3.48Zm-7.12-11.94 7.21 7.21C37.3 34.91 48.07 22.86 48 16.16h-.06c-6.71 0-18.71 10.72-25.91 18.76Z'/%3e%3ccircle cx='34.44' cy='29.71' r='3.61' fill='%23fff' opacity='.4'/%3e%3cpath fill='%23fff' d='m36.52 19.01 8.62 8.62c3.33-4.75 5.6-9.6 4.64-13.25-3.65-.96-8.5 1.3-13.25 4.64Z' opacity='.4'/%3e%3cpath fill='%23fff' d='M16.32 52.01c-.92 0-1.79-.1-2.52-.24-.79-.16-1.41-.78-1.57-1.57-.57-2.85-.43-8.04 3.71-9.42.2-.07.42-.1.63-.1 3.47 0 6.76 3.28 6.76 6.76 0 .21-.04.43-.1.63-1.03 3.09-4.19 3.95-6.91 3.95Zm-.31-4.02c1.2.03 2.73-.11 3.28-.91-.21-1.05-1.32-2.16-2.37-2.37-.8.54-.94 2.07-.91 3.28Z'/%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-tools;
}