module-version

Introduced in v1.0.0
Available in TYPO3 7.6 8.6 9.5 10.4 11.5

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g><path fill="#7A950F" d="M0 0h64v64H0z"/></g><g fill="#FFF"><path fill-rule="evenodd" d="M47.2 48H36.8c-1.6 0-2.9-1.3-2.9-2.9v-5.3l3.2 3.2c.7.7 1.6 1.1 2.6 1.1s1.9-.4 2.6-1.1l5.4-5.4c.7-.7 1.1-1.6 1.1-2.6v-.4c.7.5 1.2 1.4 1.2 2.3v8.3c0 1.5-1.3 2.8-2.8 2.8zm0-18h-1.8c-.4-5.3-2.4-8.7-6.1-10.2-1.3-.5-2.8-.8-4.6-.8-.2 0-.5 0-.7.1v-.2c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c-.1 1.5-1.4 2.8-2.9 2.8zm-18.6-9.3-.1.1c-.3.1-.7.3-1.1.6-.9.6-1.5 1.7-1.5 2.8 0 1.8 1.5 3.3 3.4 3.3.2 0 .4 0 .7-.1-.1 1.4-1.4 2.6-2.8 2.6H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9V20c-.4.3-.9.5-1.4.7zM16.8 34h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c0 1.6-1.3 2.9-2.9 2.9H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c.1-1.6 1.4-2.9 2.9-2.9z" clip-rule="evenodd"/><path d="M34.7 22c1.2 0 2.4.1 3.5.6 3.7 1.5 4.3 5.8 4.3 9.3v2.4h2.7c.4 0 .7.3.7.7 0 .2-.1.4-.2.5l-5.4 5.4c-.2 0-.3.1-.5.1s-.4-.1-.5-.2l-5.4-5.4c-.1-.1-.2-.3-.2-.5 0-.4.3-.7.7-.7h2.7v-2.4c0-4.6-.9-7.6-5.9-7.6-.4 0-.9 0-1.3.1-.2 0-.4.1-.5.1-.2 0-.4-.1-.4-.3 0-.1.1-.2.2-.3.2-.2.6-.3.8-.4 1.2-.7 3.2-1.4 4.7-1.4z"/></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 64 64"><g><path fill="#7A950F" d="M0 0h64v64H0z"/></g><g fill="#FFF"><path fill-rule="evenodd" d="M47.2 48H36.8c-1.6 0-2.9-1.3-2.9-2.9v-5.3l3.2 3.2c.7.7 1.6 1.1 2.6 1.1s1.9-.4 2.6-1.1l5.4-5.4c.7-.7 1.1-1.6 1.1-2.6v-.4c.7.5 1.2 1.4 1.2 2.3v8.3c0 1.5-1.3 2.8-2.8 2.8zm0-18h-1.8c-.4-5.3-2.4-8.7-6.1-10.2-1.3-.5-2.8-.8-4.6-.8-.2 0-.5 0-.7.1v-.2c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c-.1 1.5-1.4 2.8-2.9 2.8zm-18.6-9.3-.1.1c-.3.1-.7.3-1.1.6-.9.6-1.5 1.7-1.5 2.8 0 1.8 1.5 3.3 3.4 3.3.2 0 .4 0 .7-.1-.1 1.4-1.4 2.6-2.8 2.6H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9V20c-.4.3-.9.5-1.4.7zM16.8 34h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c0 1.6-1.3 2.9-2.9 2.9H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c.1-1.6 1.4-2.9 2.9-2.9z" clip-rule="evenodd"/><path d="M34.7 22c1.2 0 2.4.1 3.5.6 3.7 1.5 4.3 5.8 4.3 9.3v2.4h2.7c.4 0 .7.3.7.7 0 .2-.1.4-.2.5l-5.4 5.4c-.2 0-.3.1-.5.1s-.4-.1-.5-.2l-5.4-5.4c-.1-.1-.2-.3-.2-.5 0-.4.3-.7.7-.7h2.7v-2.4c0-4.6-.9-7.6-5.9-7.6-.4 0-.9 0-1.3.1-.2 0-.4.1-.5.1-.2 0-.4-.1-.4-.3 0-.1.1-.2.2-.3.2-.2.6-.3.8-.4 1.2-.7 3.2-1.4 4.7-1.4z"/></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/module.svg#module-version" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="module-version" 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 64 64'%3e%3cg%3e%3cpath fill='%237A950F' d='M0 0h64v64H0z'/%3e%3c/g%3e%3cg fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M47.2 48H36.8c-1.6 0-2.9-1.3-2.9-2.9v-5.3l3.2 3.2c.7.7 1.6 1.1 2.6 1.1s1.9-.4 2.6-1.1l5.4-5.4c.7-.7 1.1-1.6 1.1-2.6v-.4c.7.5 1.2 1.4 1.2 2.3v8.3c0 1.5-1.3 2.8-2.8 2.8zm0-18h-1.8c-.4-5.3-2.4-8.7-6.1-10.2-1.3-.5-2.8-.8-4.6-.8-.2 0-.5 0-.7.1v-.2c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c-.1 1.5-1.4 2.8-2.9 2.8zm-18.6-9.3-.1.1c-.3.1-.7.3-1.1.6-.9.6-1.5 1.7-1.5 2.8 0 1.8 1.5 3.3 3.4 3.3.2 0 .4 0 .7-.1-.1 1.4-1.4 2.6-2.8 2.6H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c0-1.6 1.3-2.9 2.9-2.9h10.3c1.6 0 2.9 1.3 2.9 2.9V20c-.4.3-.9.5-1.4.7zM16.8 34h10.3c1.6 0 2.9 1.3 2.9 2.9v8.3c0 1.6-1.3 2.9-2.9 2.9H16.8c-1.6 0-2.9-1.3-2.9-2.9v-8.3c.1-1.6 1.4-2.9 2.9-2.9z' clip-rule='evenodd'/%3e%3cpath d='M34.7 22c1.2 0 2.4.1 3.5.6 3.7 1.5 4.3 5.8 4.3 9.3v2.4h2.7c.4 0 .7.3.7.7 0 .2-.1.4-.2.5l-5.4 5.4c-.2 0-.3.1-.5.1s-.4-.1-.5-.2l-5.4-5.4c-.1-.1-.2-.3-.2-.5 0-.4.3-.7.7-.7h2.7v-2.4c0-4.6-.9-7.6-5.9-7.6-.4 0-.9 0-1.3.1-.2 0-.4.1-.5.1-.2 0-.4-.1-.4-.3 0-.1.1-.2.2-.3.2-.2.6-.3.8-.4 1.2-.7 3.2-1.4 4.7-1.4z'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-module-version;
}

Download

Download