module-site

module-site

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z"/><path fill="currentColor" d="M21.05 43.64c.11-.83.11-3.2.11-3.2l-.24-.23c-.24 0-1.49-.57-1.9-.7-1.03-.57-1.69-1.4-2.16-2.39.85 2.51 2.31 4.73 4.2 6.51ZM16.26 29.22c.5-.85 1.36-1.51 1.81-2.17.24-.23.89-1.78.95-2.54.04-.46-.3-1.32-.32-1.4.28-.42-.14.17-.54.88-.92 1.59-1.57 3.35-1.9 5.22ZM47.42 35.52c.05.17.09.25.06.47.33-1.28.52-2.61.52-3.98 0-8.38-6.47-15.26-14.68-15.93.17.02.35.03.52.05-.39.06-.79.13-1.17.24-.69.24-2.3.48-1.61 1.94.46.73 1.61 1.46 2.77.49.46-.48.92-1.21 1.61-.48.23.24.23.49.23.73-.23.72-.92.97-1.61.97-.92.24-1.85 0-2.77.24-.93.24-2.31.49-2.31 1.7 0 1.45-.46 1.69-1.62 1.94-.92 0-1.38.48-.92 1.45.23.73.92.73 1.39.49 1.36-.71 2.59-2.22 3.98-1.8.49.15 1.14.97 1.55 1.31.1.08.44-.09.46-.22.15-1.09.92-.75 1.38-.02 0 0 .23.56.69.72 3.27-1.63 3.32 1.32 3 1.94-.11.42-3.92 1.45-5.54.24-2.77-2.18-4.61-1.21-7.15.97-2.08 1.7-2.54 3.88-2.08 5.82.69 2.43 3.23 2.67 5.3 2.18.69-.24 2.08-.24 2.08.24-.46 2.18 2.08 3.64 1.15 6.06-.58 1.62.14 3.56 1.33 4.59 1.27-.16 2.49-.47 3.65-.91.32-.47.58-1 .79-1.5.23-.24 0-.73.23-.97 1.84-2.42 1.61-6.06 3.92-8.48.69-.72 3-3.39 1.15-5.57 4.39-1.21 2.78 3.15 3.7 5.09ZM16.55 36.09c.09.35.19.69.31 1.03-.12-.34-.21-.69-.31-1.03Z"/></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="M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z"/><path fill="currentColor" d="M21.05 43.64c.11-.83.11-3.2.11-3.2l-.24-.23c-.24 0-1.49-.57-1.9-.7-1.03-.57-1.69-1.4-2.16-2.39.85 2.51 2.31 4.73 4.2 6.51ZM16.26 29.22c.5-.85 1.36-1.51 1.81-2.17.24-.23.89-1.78.95-2.54.04-.46-.3-1.32-.32-1.4.28-.42-.14.17-.54.88-.92 1.59-1.57 3.35-1.9 5.22ZM47.42 35.52c.05.17.09.25.06.47.33-1.28.52-2.61.52-3.98 0-8.38-6.47-15.26-14.68-15.93.17.02.35.03.52.05-.39.06-.79.13-1.17.24-.69.24-2.3.48-1.61 1.94.46.73 1.61 1.46 2.77.49.46-.48.92-1.21 1.61-.48.23.24.23.49.23.73-.23.72-.92.97-1.61.97-.92.24-1.85 0-2.77.24-.93.24-2.31.49-2.31 1.7 0 1.45-.46 1.69-1.62 1.94-.92 0-1.38.48-.92 1.45.23.73.92.73 1.39.49 1.36-.71 2.59-2.22 3.98-1.8.49.15 1.14.97 1.55 1.31.1.08.44-.09.46-.22.15-1.09.92-.75 1.38-.02 0 0 .23.56.69.72 3.27-1.63 3.32 1.32 3 1.94-.11.42-3.92 1.45-5.54.24-2.77-2.18-4.61-1.21-7.15.97-2.08 1.7-2.54 3.88-2.08 5.82.69 2.43 3.23 2.67 5.3 2.18.69-.24 2.08-.24 2.08.24-.46 2.18 2.08 3.64 1.15 6.06-.58 1.62.14 3.56 1.33 4.59 1.27-.16 2.49-.47 3.65-.91.32-.47.58-1 .79-1.5.23-.24 0-.73.23-.97 1.84-2.42 1.61-6.06 3.92-8.48.69-.72 3-3.39 1.15-5.57 4.39-1.21 2.78 3.15 3.7 5.09ZM16.55 36.09c.09.35.19.69.31 1.03-.12-.34-.21-.69-.31-1.03Z"/></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-site" /></svg>
    </span>
</span>

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

<typo3-backend-icon identifier="module-site" 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='M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z'/%3e%3cpath fill='%23fff' d='M21.05 43.64c.11-.83.11-3.2.11-3.2l-.24-.23c-.24 0-1.49-.57-1.9-.7-1.03-.57-1.69-1.4-2.16-2.39.85 2.51 2.31 4.73 4.2 6.51ZM16.26 29.22c.5-.85 1.36-1.51 1.81-2.17.24-.23.89-1.78.95-2.54.04-.46-.3-1.32-.32-1.4.28-.42-.14.17-.54.88-.92 1.59-1.57 3.35-1.9 5.22ZM47.42 35.52c.05.17.09.25.06.47.33-1.28.52-2.61.52-3.98 0-8.38-6.47-15.26-14.68-15.93.17.02.35.03.52.05-.39.06-.79.13-1.17.24-.69.24-2.3.48-1.61 1.94.46.73 1.61 1.46 2.77.49.46-.48.92-1.21 1.61-.48.23.24.23.49.23.73-.23.72-.92.97-1.61.97-.92.24-1.85 0-2.77.24-.93.24-2.31.49-2.31 1.7 0 1.45-.46 1.69-1.62 1.94-.92 0-1.38.48-.92 1.45.23.73.92.73 1.39.49 1.36-.71 2.59-2.22 3.98-1.8.49.15 1.14.97 1.55 1.31.1.08.44-.09.46-.22.15-1.09.92-.75 1.38-.02 0 0 .23.56.69.72 3.27-1.63 3.32 1.32 3 1.94-.11.42-3.92 1.45-5.54.24-2.77-2.18-4.61-1.21-7.15.97-2.08 1.7-2.54 3.88-2.08 5.82.69 2.43 3.23 2.67 5.3 2.18.69-.24 2.08-.24 2.08.24-.46 2.18 2.08 3.64 1.15 6.06-.58 1.62.14 3.56 1.33 4.59 1.27-.16 2.49-.47 3.65-.91.32-.47.58-1 .79-1.5.23-.24 0-.73.23-.97 1.84-2.42 1.61-6.06 3.92-8.48.69-.72 3-3.39 1.15-5.57 4.39-1.21 2.78 3.15 3.7 5.09ZM16.55 36.09c.09.35.19.69.31 1.03-.12-.34-.21-.69-.31-1.03Z'/%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-site;
}