actions-document-select

Introduced in v1.0.0
Available in TYPO3 7.6 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="M8.363 15H1.5a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v4.612c.267.122.518.293.74.514l.7.7c.979.98.973 2.57 0 3.542L15 12.31V14.5a.5.5 0 0 1-.5.5h-2.191l-.106.106c-.514.514-1.22.78-1.941.73l.702-.076a2.48 2.48 0 0 1-2.45-.613L8.363 15Zm4.946-1H14v-.691l2.44-2.44a2.509 2.509 0 0 0 0-3.542l-.7-.7A2.494 2.494 0 0 0 14 5.89V2H2v12h5.336l1.178 1.147a2.48 2.48 0 0 0 2.45.613l-.702.076c.72.05 1.427-.216 1.941-.73L13.309 14Zm-7.772-2H3v1h3.31l-.255-.249A2.503 2.503 0 0 1 5.537 12ZM3 10v1h2.322l.203-1H3Zm0-2v1h3.274L7.5 8H3Zm10-2H3v1h8.808L13 6ZM3 3h10v2H3V3Zm5.883 6.923a.496.496 0 0 0-.708.004l-.701.701a.494.494 0 0 0-.005.709l2.44 2.378a.49.49 0 0 0 .49.126c.14.01.282-.041.39-.15l4.238-4.237a.509.509 0 0 0-.001-.713l-.7-.7a.497.497 0 0 0-.714-.001l-3.274 3.275-1.455-1.392Z"/></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="M8.363 15H1.5a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v4.612c.267.122.518.293.74.514l.7.7c.979.98.973 2.57 0 3.542L15 12.31V14.5a.5.5 0 0 1-.5.5h-2.191l-.106.106c-.514.514-1.22.78-1.941.73l.702-.076a2.48 2.48 0 0 1-2.45-.613L8.363 15Zm4.946-1H14v-.691l2.44-2.44a2.509 2.509 0 0 0 0-3.542l-.7-.7A2.494 2.494 0 0 0 14 5.89V2H2v12h5.336l1.178 1.147a2.48 2.48 0 0 0 2.45.613l-.702.076c.72.05 1.427-.216 1.941-.73L13.309 14Zm-7.772-2H3v1h3.31l-.255-.249A2.503 2.503 0 0 1 5.537 12ZM3 10v1h2.322l.203-1H3Zm0-2v1h3.274L7.5 8H3Zm10-2H3v1h8.808L13 6ZM3 3h10v2H3V3Zm5.883 6.923a.496.496 0 0 0-.708.004l-.701.701a.494.494 0 0 0-.005.709l2.44 2.378a.49.49 0 0 0 .49.126c.14.01.282-.041.39-.15l4.238-4.237a.509.509 0 0 0-.001-.713l-.7-.7a.497.497 0 0 0-.714-.001l-3.274 3.275-1.455-1.392Z"/></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-document-select" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-document-select" 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='M8.363 15H1.5a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v4.612c.267.122.518.293.74.514l.7.7c.979.98.973 2.57 0 3.542L15 12.31V14.5a.5.5 0 0 1-.5.5h-2.191l-.106.106c-.514.514-1.22.78-1.941.73l.702-.076a2.48 2.48 0 0 1-2.45-.613L8.363 15Zm4.946-1H14v-.691l2.44-2.44a2.509 2.509 0 0 0 0-3.542l-.7-.7A2.494 2.494 0 0 0 14 5.89V2H2v12h5.336l1.178 1.147a2.48 2.48 0 0 0 2.45.613l-.702.076c.72.05 1.427-.216 1.941-.73L13.309 14Zm-7.772-2H3v1h3.31l-.255-.249A2.503 2.503 0 0 1 5.537 12ZM3 10v1h2.322l.203-1H3Zm0-2v1h3.274L7.5 8H3Zm10-2H3v1h8.808L13 6ZM3 3h10v2H3V3Zm5.883 6.923a.496.496 0 0 0-.708.004l-.701.701a.494.494 0 0 0-.005.709l2.44 2.378a.49.49 0 0 0 .49.126c.14.01.282-.041.39-.15l4.238-4.237a.509.509 0 0 0-.001-.713l-.7-.7a.497.497 0 0 0-.714-.001l-3.274 3.275-1.455-1.392Z'/%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-document-select;
}

Download

Download