actions-user-emulate

Introduced in v2.0.0
Available in TYPO3 10.4 11.5

Buttons

Button Label Button Label

Button Label Button Label

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5 15H1c0-1.52.72-1.92.72-1.92.8-.24 1.44-.56 2-.8-.009.009.014.017.06.024.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C3.28 7.64 4 7 4.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.17.076 1.132.392 1.314.465L7.972 15H5ZM9.78 12.304c.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C9.28 7.64 10 7 10.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.525.234 1.068.528 1.892.753 0 0 .64.32.88 1.92H9.156l-.494-2.282s1.072-.421 1.119-.414ZM5.821 4.056v1.17a.215.215 0 0 1-.329.182l-2.815-1.76a.214.214 0 0 1 0-.364l2.815-1.76a.215.215 0 0 1 .33.182V2.95l4.417-.007V1.706c0-.168.185-.271.329-.182l2.815 1.76a.214.214 0 0 1 0 .364l-2.815 1.76a.215.215 0 0 1-.33-.182V4.048l-4.417.008Z"/></g></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 16 16"><g fill="currentColor"><path d="M5 15H1c0-1.52.72-1.92.72-1.92.8-.24 1.44-.56 2-.8-.009.009.014.017.06.024.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C3.28 7.64 4 7 4.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.17.076 1.132.392 1.314.465L7.972 15H5ZM9.78 12.304c.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C9.28 7.64 10 7 10.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.525.234 1.068.528 1.892.753 0 0 .64.32.88 1.92H9.156l-.494-2.282s1.072-.421 1.119-.414ZM5.821 4.056v1.17a.215.215 0 0 1-.329.182l-2.815-1.76a.214.214 0 0 1 0-.364l2.815-1.76a.215.215 0 0 1 .33.182V2.95l4.417-.007V1.706c0-.168.185-.271.329-.182l2.815 1.76a.214.214 0 0 1 0 .364l-2.815 1.76a.215.215 0 0 1-.33-.182V4.048l-4.417.008Z"/></g></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/actions.svg#actions-user-emulate" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-user-emulate" size="small" />

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 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='M5 15H1c0-1.52.72-1.92.72-1.92.8-.24 1.44-.56 2-.8-.009.009.014.017.06.024.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C3.28 7.64 4 7 4.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.17.076 1.132.392 1.314.465L7.972 15H5ZM9.78 12.304c.065-.177.244-.459.256-1.226-.446-.398-.756-1.02-.756-1.518V8.44C9.28 7.64 10 7 10.8 7h.4c.88 0 1.52.64 1.52 1.44v1.12c-.08.794-1.004 1.76-.684 1.44 0 .808.146 1.145.192 1.327.525.234 1.068.528 1.892.753 0 0 .64.32.88 1.92H9.156l-.494-2.282s1.072-.421 1.119-.414ZM5.821 4.056v1.17a.215.215 0 0 1-.329.182l-2.815-1.76a.214.214 0 0 1 0-.364l2.815-1.76a.215.215 0 0 1 .33.182V2.95l4.417-.007V1.706c0-.168.185-.271.329-.182l2.815 1.76a.214.214 0 0 1 0 .364l-2.815 1.76a.215.215 0 0 1-.33-.182V4.048l-4.417.008Z'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

@import "@typo3/icons/dist/icons.scss";
@import "@typo3/icons/dist/scss/icons-variables-actions.scss";

.myclass {
    background-size: 1em 1em;
    background-image: $icon-actions-user-emulate;
}

Alias

  • actions-system-backend-user-emulate

Download

Download