install-check-extables

Introduced in v1.8.0
Available in TYPO3 9.5 10.4 11.5

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g><g><g><path fill="#C83C3C" d="M5 2v28h22V8l-6-6H5z"/></g></g></g><path fill="#FFF" d="M21 8V2l6 6h-6z" opacity=".65"/><path fill="#212121" d="M27 8v6l-6-6h6z" opacity=".15"/><g><path fill="#FFF" d="M19.9 15.5 17.4 18l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 19.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7l2.5-2.5-2.5-2.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0l2.5 2.5 2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7z"/></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 32 32"><g><g><g><path fill="#C83C3C" d="M5 2v28h22V8l-6-6H5z"/></g></g></g><path fill="#FFF" d="M21 8V2l6 6h-6z" opacity=".65"/><path fill="#212121" d="M27 8v6l-6-6h6z" opacity=".15"/><g><path fill="#FFF" d="M19.9 15.5 17.4 18l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 19.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7l2.5-2.5-2.5-2.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0l2.5 2.5 2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7z"/></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/install.svg#install-check-extables" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="install-check-extables" 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 32 32'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath fill='%23C83C3C' d='M5 2v28h22V8l-6-6H5z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath fill='%23FFF' d='M21 8V2l6 6h-6z' opacity='.65'/%3e%3cpath fill='%23212121' d='M27 8v6l-6-6h6z' opacity='.15'/%3e%3cg%3e%3cpath fill='%23FFF' d='M19.9 15.5 17.4 18l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 19.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7l2.5-2.5-2.5-2.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0l2.5 2.5 2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7z'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-install-check-extables;
}

Download

Download