actions-insert

Introduced in v2.0.0
Available in TYPO3 10.4 11.5 12.4 13.x

Buttons

Button Label Button Label

Button Label Button Label

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M14.5 9h-13a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5zM7.865 5.93l-2.31-2.56a.218.218 0 0 1-.04-.23c.04-.07.11-.14.2-.14h1.29V0h2v3h1.29c.08 0 .16.07.19.14.03.08.02.17-.03.23l-2.28 2.56c-.04.04-.09.07-.15.07s-.12-.03-.16-.07zM8.135 10.07l2.31 2.56c.06.07.07.15.04.23-.04.07-.11.14-.2.14h-1.29v3h-2v-3h-1.29c-.08 0-.16-.07-.19-.14a.234.234 0 0 1 .03-.23l2.28-2.56c.04-.04.09-.07.15-.07s.12.03.16.07z"/></g></svg>

Inline

<span class="icon icon-size-small icon-state-default">
    <span class="icon-markup">
        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M14.5 9h-13a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5zM7.865 5.93l-2.31-2.56a.218.218 0 0 1-.04-.23c.04-.07.11-.14.2-.14h1.29V0h2v3h1.29c.08 0 .16.07.19.14.03.08.02.17-.03.23l-2.28 2.56c-.04.04-.09.07-.15.07s-.12-.03-.16-.07zM8.135 10.07l2.31 2.56c.06.07.07.15.04.23-.04.07-.11.14-.2.14h-1.29v3h-2v-3h-1.29c-.08 0-.16-.07-.19-.14a.234.234 0 0 1 .03-.23l2.28-2.56c.04-.04.09-.07.15-.07s.12.03.16.07z"/></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-insert" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-insert" 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' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='M14.5 9h-13a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5zM7.865 5.93l-2.31-2.56a.218.218 0 0 1-.04-.23c.04-.07.11-.14.2-.14h1.29V0h2v3h1.29c.08 0 .16.07.19.14.03.08.02.17-.03.23l-2.28 2.56c-.04.04-.09.07-.15.07s-.12-.03-.16-.07zM8.135 10.07l2.31 2.56c.06.07.07.15.04.23-.04.07-.11.14-.2.14h-1.29v3h-2v-3h-1.29c-.08 0-.16-.07-.19-.14a.234.234 0 0 1 .03-.23l2.28-2.56c.04-.04.09-.07.15-.07s.12.03.16.07z'/%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-insert;
}

Alias

  • actions-edit-insert-default

Download

Download