module-urls

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

Module Menu Preview

module-urls module-urls module-urls module-urls module-urls

Usage

Icon Identifier

module-urls

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="currentColor" d="M42.62 37.21a2.004 2.004 0 0 1-1.41-3.42l5.19-5.19c2.49-2.49 2.05-6.98-.99-10.02-1.51-1.51-3.42-2.42-5.37-2.57-1.83-.13-3.49.42-4.65 1.59l-5.19 5.19c-.78.78-2.05.78-2.83 0s-.78-2.05 0-2.83l5.19-5.19c2-2 4.76-2.98 7.79-2.75 2.9.22 5.7 1.55 7.89 3.73 4.59 4.59 5.04 11.62.99 15.67l-5.19 5.19c-.39.39-.9.59-1.41.59ZM24.52 52c-.29 0-.58-.01-.87-.03-2.9-.22-5.7-1.55-7.89-3.73-4.59-4.59-5.04-11.62-.99-15.67l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83L17.6 35.4c-2.49 2.49-2.05 6.98.99 10.02 1.51 1.51 3.42 2.42 5.37 2.57 1.84.13 3.49-.42 4.65-1.59l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-5.19 5.19c-1.81 1.81-4.24 2.78-6.92 2.78Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M24.5 41.5a2.004 2.004 0 0 1-1.41-3.42l15-15c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-15 15c-.39.39-.9.59-1.41.59Z"/></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"><path fill="currentColor" d="M42.62 37.21a2.004 2.004 0 0 1-1.41-3.42l5.19-5.19c2.49-2.49 2.05-6.98-.99-10.02-1.51-1.51-3.42-2.42-5.37-2.57-1.83-.13-3.49.42-4.65 1.59l-5.19 5.19c-.78.78-2.05.78-2.83 0s-.78-2.05 0-2.83l5.19-5.19c2-2 4.76-2.98 7.79-2.75 2.9.22 5.7 1.55 7.89 3.73 4.59 4.59 5.04 11.62.99 15.67l-5.19 5.19c-.39.39-.9.59-1.41.59ZM24.52 52c-.29 0-.58-.01-.87-.03-2.9-.22-5.7-1.55-7.89-3.73-4.59-4.59-5.04-11.62-.99-15.67l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83L17.6 35.4c-2.49 2.49-2.05 6.98.99 10.02 1.51 1.51 3.42 2.42 5.37 2.57 1.84.13 3.49-.42 4.65-1.59l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-5.19 5.19c-1.81 1.81-4.24 2.78-6.92 2.78Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M24.5 41.5a2.004 2.004 0 0 1-1.41-3.42l15-15c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-15 15c-.39.39-.9.59-1.41.59Z"/></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-urls" /></svg>
    </span>
</span>

TYPO3 ViewHelper

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

TYPO3 Web Component

<typo3-backend-icon identifier="module-urls" 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%3cpath fill='%23fff' d='M42.62 37.21a2.004 2.004 0 0 1-1.41-3.42l5.19-5.19c2.49-2.49 2.05-6.98-.99-10.02-1.51-1.51-3.42-2.42-5.37-2.57-1.83-.13-3.49.42-4.65 1.59l-5.19 5.19c-.78.78-2.05.78-2.83 0s-.78-2.05 0-2.83l5.19-5.19c2-2 4.76-2.98 7.79-2.75 2.9.22 5.7 1.55 7.89 3.73 4.59 4.59 5.04 11.62.99 15.67l-5.19 5.19c-.39.39-.9.59-1.41.59ZM24.52 52c-.29 0-.58-.01-.87-.03-2.9-.22-5.7-1.55-7.89-3.73-4.59-4.59-5.04-11.62-.99-15.67l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83L17.6 35.4c-2.49 2.49-2.05 6.98.99 10.02 1.51 1.51 3.42 2.42 5.37 2.57 1.84.13 3.49-.42 4.65-1.59l5.19-5.19c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-5.19 5.19c-1.81 1.81-4.24 2.78-6.92 2.78Z'/%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='M24.5 41.5a2.004 2.004 0 0 1-1.41-3.42l15-15c.78-.78 2.05-.78 2.83 0s.78 2.05 0 2.83l-15 15c-.39.39-.9.59-1.41.59Z'/%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-urls;
}

Download

Download