actions-database-export

Introduced in v1.2.0
Available in TYPO3 8.6 9.5 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="M7.092 13.92C4.608 13.761 3 12.996 3 12.462v-1.568c.733.455 1.81.76 3 .924v-1.006c-1.852-.279-2.998-.899-3-1.35V7.893c1.13.702 3.067 1.068 5 1.068.337 0 .668-.028 1-.05v-.994c-.32.025-.647.044-1 .044-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.068V6h1V3.462c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.043 0 .086-.004.13-.004L7.092 13.92zM8 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="m11.823 15.823-3.396-3.396A.25.25 0 0 1 8.604 12H11V8h2v4h2.397a.25.25 0 0 1 .177.427l-3.396 3.396a.251.251 0 0 1-.355 0z"/></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="M7.092 13.92C4.608 13.761 3 12.996 3 12.462v-1.568c.733.455 1.81.76 3 .924v-1.006c-1.852-.279-2.998-.899-3-1.35V7.893c1.13.702 3.067 1.068 5 1.068.337 0 .668-.028 1-.05v-.994c-.32.025-.647.044-1 .044-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.068V6h1V3.462c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.043 0 .086-.004.13-.004L7.092 13.92zM8 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="m11.823 15.823-3.396-3.396A.25.25 0 0 1 8.604 12H11V8h2v4h2.397a.25.25 0 0 1 .177.427l-3.396 3.396a.251.251 0 0 1-.355 0z"/></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-export" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-database-export" 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='M7.092 13.92C4.608 13.761 3 12.996 3 12.462v-1.568c.733.455 1.81.76 3 .924v-1.006c-1.852-.279-2.998-.899-3-1.35V7.893c1.13.702 3.067 1.068 5 1.068.337 0 .668-.028 1-.05v-.994c-.32.025-.647.044-1 .044-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.068V6h1V3.462c0-3.283-12-3.283-12 0v9c0 1.641 3.019 2.5 6 2.5.043 0 .086-.004.13-.004L7.092 13.92zM8 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='m11.823 15.823-3.396-3.396A.25.25 0 0 1 8.604 12H11V8h2v4h2.397a.25.25 0 0 1 .177.427l-3.396 3.396a.251.251 0 0 1-.355 0z'/%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-export;
}

Alias

  • actions-system-extension-sqldump

Download

Download