install-check-brokenextension

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"><path fill="#C83C3C" d="M24.8 5H7.2c-.1 0-.2.1-.3.1L4 10.9V26.7c0 .2.1.3.3.3h23.5c.1 0 .3-.1.3-.3V11l-2.9-5.8c-.2-.1-.3-.2-.4-.2z"/><g fill="#212121" opacity=".15"><path d="M24.8 5H7.2c-.1 0-.2.1-.3.1l-1 2.2h20.3l-1.1-2.1c-.1-.1-.2-.2-.3-.2zM26.9 8.8H5.1L4 11h24z"/></g><g><path fill="#FFF" d="M19.9 16.5 17.4 19l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 20.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"><path fill="#C83C3C" d="M24.8 5H7.2c-.1 0-.2.1-.3.1L4 10.9V26.7c0 .2.1.3.3.3h23.5c.1 0 .3-.1.3-.3V11l-2.9-5.8c-.2-.1-.3-.2-.4-.2z"/><g fill="#212121" opacity=".15"><path d="M24.8 5H7.2c-.1 0-.2.1-.3.1l-1 2.2h20.3l-1.1-2.1c-.1-.1-.2-.2-.3-.2zM26.9 8.8H5.1L4 11h24z"/></g><g><path fill="#FFF" d="M19.9 16.5 17.4 19l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 20.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-brokenextension" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="install-check-brokenextension" 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%3cpath fill='%23C83C3C' d='M24.8 5H7.2c-.1 0-.2.1-.3.1L4 10.9V26.7c0 .2.1.3.3.3h23.5c.1 0 .3-.1.3-.3V11l-2.9-5.8c-.2-.1-.3-.2-.4-.2z'/%3e%3cg fill='%23212121' opacity='.15'%3e%3cpath d='M24.8 5H7.2c-.1 0-.2.1-.3.1l-1 2.2h20.3l-1.1-2.1c-.1-.1-.2-.2-.3-.2zM26.9 8.8H5.1L4 11h24z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23FFF' d='M19.9 16.5 17.4 19l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L16 20.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-brokenextension;
}

Download

Download