actions-database-import

Introduced in v1.1.0
Available in TYPO3 7.6 8.6 9.5 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="M9 14.779V13.925c-.32.022-.651.037-1 .037-3.006 0-5-.903-5-1.5v-1.568c.734.455 1.809.767 3 .93v-1.007c-1.855-.279-2.998-.903-3-1.355V7.893c1.13.702 3.067 1.068 5 1.068.106 0 .212-.005.318-.008l1.067-1.067c-.435.044-.89.075-1.385.075-3.005 0-4.998-.902-5-1.5V4.894c1.13.702 3.067 1.068 5 1.068 1.933 0 3.87-.366 5-1.068v1.47c.225.107.436.245.614.423l.386.386v-3.71c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.334 0 .669-.013 1-.034v-.15zM8 1.962c3.006 0 5 .902 5 1.5-.002.597-1.995 1.499-5 1.499s-4.998-.902-5-1.5c0-.597 1.994-1.5 5-1.5z"/><path d="m12.2 8.2 3.4 3.4c.1.1.1.3 0 .4 0 0-.1.1-.2.1H13v4h-2v-4H8.6c-.1 0-.3-.1-.3-.2s0-.1.1-.2l3.4-3.4c.1-.2.3-.2.4-.1z"/></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="M9 14.779V13.925c-.32.022-.651.037-1 .037-3.006 0-5-.903-5-1.5v-1.568c.734.455 1.809.767 3 .93v-1.007c-1.855-.279-2.998-.903-3-1.355V7.893c1.13.702 3.067 1.068 5 1.068.106 0 .212-.005.318-.008l1.067-1.067c-.435.044-.89.075-1.385.075-3.005 0-4.998-.902-5-1.5V4.894c1.13.702 3.067 1.068 5 1.068 1.933 0 3.87-.366 5-1.068v1.47c.225.107.436.245.614.423l.386.386v-3.71c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.334 0 .669-.013 1-.034v-.15zM8 1.962c3.006 0 5 .902 5 1.5-.002.597-1.995 1.499-5 1.499s-4.998-.902-5-1.5c0-.597 1.994-1.5 5-1.5z"/><path d="m12.2 8.2 3.4 3.4c.1.1.1.3 0 .4 0 0-.1.1-.2.1H13v4h-2v-4H8.6c-.1 0-.3-.1-.3-.2s0-.1.1-.2l3.4-3.4c.1-.2.3-.2.4-.1z"/></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-database-import" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-database-import" 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='M9 14.779V13.925c-.32.022-.651.037-1 .037-3.006 0-5-.903-5-1.5v-1.568c.734.455 1.809.767 3 .93v-1.007c-1.855-.279-2.998-.903-3-1.355V7.893c1.13.702 3.067 1.068 5 1.068.106 0 .212-.005.318-.008l1.067-1.067c-.435.044-.89.075-1.385.075-3.005 0-4.998-.902-5-1.5V4.894c1.13.702 3.067 1.068 5 1.068 1.933 0 3.87-.366 5-1.068v1.47c.225.107.436.245.614.423l.386.386v-3.71c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.334 0 .669-.013 1-.034v-.15zM8 1.962c3.006 0 5 .902 5 1.5-.002.597-1.995 1.499-5 1.499s-4.998-.902-5-1.5c0-.597 1.994-1.5 5-1.5z'/%3e%3cpath d='m12.2 8.2 3.4 3.4c.1.1.1.3 0 .4 0 0-.1.1-.2.1H13v4h-2v-4H8.6c-.1 0-.3-.1-.3-.2s0-.1.1-.2l3.4-3.4c.1-.2.3-.2.4-.1z'/%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-database-import;
}

Download

Download