module-scheduler

Introduced in v1.0.0
Available in TYPO3 7.6 8.6 9.5 10.4 11.5 12.4 13.x

Module Menu Preview

Usage

Icon Identifier

module-scheduler

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g opacity=".4"><path fill="currentColor" d="M24.99 50.56c-.26 0-.52-.05-.78-.16-1.43-.6-2.78-1.38-4.03-2.29a1.997 1.997 0 0 1 2.36-3.22c1 .73 2.09 1.35 3.23 1.83 1.02.43 1.49 1.6 1.06 2.62-.32.76-1.06 1.22-1.84 1.22Zm-9.01-8.37c-.73 0-1.43-.4-1.78-1.09a19.8 19.8 0 0 1-1.62-4.35c-.26-1.07.39-2.16 1.47-2.42s2.16.39 2.42 1.47c.29 1.21.73 2.38 1.29 3.47.5.98.12 2.19-.87 2.69-.29.15-.6.22-.91.22Zm-1.53-12.2a1.997 1.997 0 0 1-1.95-2.45c.35-1.51.87-2.98 1.55-4.37a2.002 2.002 0 0 1 3.59 1.77c-.55 1.11-.97 2.29-1.24 3.5-.21.93-1.04 1.55-1.95 1.55Zm6.67-10.34c-.6 0-1.2-.27-1.59-.79-.67-.88-.5-2.13.38-2.8 1.24-.94 2.58-1.73 4-2.36a2.01 2.01 0 0 1 2.64 1.02 2 2 0 0 1-1.02 2.64c-1.13.5-2.2 1.13-3.19 1.88-.36.27-.79.41-1.21.41Z"/></g><path fill="var(--icon-color-accent, #ff8700)" d="M32 52c-1.1 0-2-.9-2-2s.9-2 2-2c8.82 0 16-7.18 16-16s-7.18-16-16-16c-1.1 0-2-.9-2-2s.9-2 2-2c11.03 0 20 8.97 20 20s-8.97 20-20 20Z"/><path fill="currentColor" d="m39.43 36.6-5.34-5.42V22c0-1.1-.9-2-2-2s-2 .9-2 2v10s0 .07.01.1c0 .09.01.19.03.28.01.06.03.11.05.17l.06.21.09.18c.03.06.06.11.09.17.05.08.11.15.17.22.02.03.04.06.07.08h.01v.01l5.9 5.99c.39.4.91.6 1.42.6s1.01-.19 1.4-.58c.79-.78.8-2.04.02-2.83Z"/></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 opacity=".4"><path fill="currentColor" d="M24.99 50.56c-.26 0-.52-.05-.78-.16-1.43-.6-2.78-1.38-4.03-2.29a1.997 1.997 0 0 1 2.36-3.22c1 .73 2.09 1.35 3.23 1.83 1.02.43 1.49 1.6 1.06 2.62-.32.76-1.06 1.22-1.84 1.22Zm-9.01-8.37c-.73 0-1.43-.4-1.78-1.09a19.8 19.8 0 0 1-1.62-4.35c-.26-1.07.39-2.16 1.47-2.42s2.16.39 2.42 1.47c.29 1.21.73 2.38 1.29 3.47.5.98.12 2.19-.87 2.69-.29.15-.6.22-.91.22Zm-1.53-12.2a1.997 1.997 0 0 1-1.95-2.45c.35-1.51.87-2.98 1.55-4.37a2.002 2.002 0 0 1 3.59 1.77c-.55 1.11-.97 2.29-1.24 3.5-.21.93-1.04 1.55-1.95 1.55Zm6.67-10.34c-.6 0-1.2-.27-1.59-.79-.67-.88-.5-2.13.38-2.8 1.24-.94 2.58-1.73 4-2.36a2.01 2.01 0 0 1 2.64 1.02 2 2 0 0 1-1.02 2.64c-1.13.5-2.2 1.13-3.19 1.88-.36.27-.79.41-1.21.41Z"/></g><path fill="var(--icon-color-accent, #ff8700)" d="M32 52c-1.1 0-2-.9-2-2s.9-2 2-2c8.82 0 16-7.18 16-16s-7.18-16-16-16c-1.1 0-2-.9-2-2s.9-2 2-2c11.03 0 20 8.97 20 20s-8.97 20-20 20Z"/><path fill="currentColor" d="m39.43 36.6-5.34-5.42V22c0-1.1-.9-2-2-2s-2 .9-2 2v10s0 .07.01.1c0 .09.01.19.03.28.01.06.03.11.05.17l.06.21.09.18c.03.06.06.11.09.17.05.08.11.15.17.22.02.03.04.06.07.08h.01v.01l5.9 5.99c.39.4.91.6 1.42.6s1.01-.19 1.4-.58c.79-.78.8-2.04.02-2.83Z"/></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-scheduler" /></svg>
    </span>
</span>

TYPO3 ViewHelper

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

TYPO3 Web Component

<typo3-backend-icon identifier="module-scheduler" 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 opacity='.4'%3e%3cpath fill='%23fff' d='M24.99 50.56c-.26 0-.52-.05-.78-.16-1.43-.6-2.78-1.38-4.03-2.29a1.997 1.997 0 0 1 2.36-3.22c1 .73 2.09 1.35 3.23 1.83 1.02.43 1.49 1.6 1.06 2.62-.32.76-1.06 1.22-1.84 1.22Zm-9.01-8.37c-.73 0-1.43-.4-1.78-1.09a19.8 19.8 0 0 1-1.62-4.35c-.26-1.07.39-2.16 1.47-2.42s2.16.39 2.42 1.47c.29 1.21.73 2.38 1.29 3.47.5.98.12 2.19-.87 2.69-.29.15-.6.22-.91.22Zm-1.53-12.2a1.997 1.997 0 0 1-1.95-2.45c.35-1.51.87-2.98 1.55-4.37a2.002 2.002 0 0 1 3.59 1.77c-.55 1.11-.97 2.29-1.24 3.5-.21.93-1.04 1.55-1.95 1.55Zm6.67-10.34c-.6 0-1.2-.27-1.59-.79-.67-.88-.5-2.13.38-2.8 1.24-.94 2.58-1.73 4-2.36a2.01 2.01 0 0 1 2.64 1.02 2 2 0 0 1-1.02 2.64c-1.13.5-2.2 1.13-3.19 1.88-.36.27-.79.41-1.21.41Z'/%3e%3c/g%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='M32 52c-1.1 0-2-.9-2-2s.9-2 2-2c8.82 0 16-7.18 16-16s-7.18-16-16-16c-1.1 0-2-.9-2-2s.9-2 2-2c11.03 0 20 8.97 20 20s-8.97 20-20 20Z'/%3e%3cpath fill='%23fff' d='m39.43 36.6-5.34-5.42V22c0-1.1-.9-2-2-2s-2 .9-2 2v10s0 .07.01.1c0 .09.01.19.03.28.01.06.03.11.05.17l.06.21.09.18c.03.06.06.11.09.17.05.08.11.15.17.22.02.03.04.06.07.08h.01v.01l5.9 5.99c.39.4.91.6 1.42.6s1.01-.19 1.4-.58c.79-.78.8-2.04.02-2.83Z'/%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-scheduler;
}

Download

Download