module-redirects

Introduced in v1.6.0
Available in TYPO3 9.5 10.4 11.5 12.4 13.x

Module Menu Preview

module-redirects module-redirects module-redirects module-redirects module-redirects

Usage

Icon Identifier

module-redirects

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><circle cx="18" cy="46" r="6" fill="var(--icon-color-accent, #ff8700)"/><path fill="currentColor" d="m49.41 16.59-6-6c-.78-.78-2.05-.78-2.83 0l-6 6c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0L40 16.83V40c0 2.88-1.12 4-4 4s-4-1.12-4-4V24c0-5.08-2.92-8-8-8s-8 2.92-8 8v16.35c.63-.22 1.3-.35 2-.35s1.37.13 2 .35V24c0-2.88 1.12-4 4-4s4 1.12 4 4v16c0 5.08 2.92 8 8 8s8-2.92 8-8V16.83l2.59 2.59c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-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"><circle cx="18" cy="46" r="6" fill="var(--icon-color-accent, #ff8700)"/><path fill="currentColor" d="m49.41 16.59-6-6c-.78-.78-2.05-.78-2.83 0l-6 6c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0L40 16.83V40c0 2.88-1.12 4-4 4s-4-1.12-4-4V24c0-5.08-2.92-8-8-8s-8 2.92-8 8v16.35c.63-.22 1.3-.35 2-.35s1.37.13 2 .35V24c0-2.88 1.12-4 4-4s4 1.12 4 4v16c0 5.08 2.92 8 8 8s8-2.92 8-8V16.83l2.59 2.59c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-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=1772004282855#module-redirects" /></svg>
    </span>
</span>

TYPO3 ViewHelper

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

TYPO3 Web Component

<typo3-backend-icon identifier="module-redirects" 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%3ccircle cx='18' cy='46' r='6' fill='var(--icon-color-accent, %23ff8700)'/%3e%3cpath fill='%23fff' d='m49.41 16.59-6-6c-.78-.78-2.05-.78-2.83 0l-6 6c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0L40 16.83V40c0 2.88-1.12 4-4 4s-4-1.12-4-4V24c0-5.08-2.92-8-8-8s-8 2.92-8 8v16.35c.63-.22 1.3-.35 2-.35s1.37.13 2 .35V24c0-2.88 1.12-4 4-4s4 1.12 4 4v16c0 5.08 2.92 8 8 8s8-2.92 8-8V16.83l2.59 2.59c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-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-redirects;
}

Download

Download