install-database-analyze

Introduced in v1.8.0
Available in TYPO3 9.5 10.4 11.5 12.4 13.x

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><g><path fill="#79A548" d="M6 5.5h20v21H6z"/><g fill="#79A548"><ellipse cx="16" cy="26.5" rx="10" ry="3.5"/><ellipse cx="16" cy="5.5" rx="10" ry="3.5"/></g><g opacity=".25"><ellipse cx="16" cy="5.5" fill="#FFF" rx="10" ry="3.5"/><ellipse cx="16" cy="5.3" fill="#212121" rx="7" ry="1.8"/></g></g><g fill="#FFF"><path d="M22.1 17.9c-.1-.1-.2-.2-.4-.2h-.9c-.1-2.5-2.2-4.5-4.7-4.5-.8 0-1.7.2-2.4.7l-.3.1.7 1.2.2-.1c.5-.3 1.1-.5 1.7-.5 1.8 0 3.3 1.4 3.4 3.2h-.8c-.2 0-.3.1-.4.2-.1.1-.1.3 0 .4l1.5 2.5c.2.1.3.1.5.1s.3-.1.4-.2l1.5-2.5c.1-.1.1-.2 0-.4zM17.6 21c-.5.3-1.1.4-1.7.4a3.4 3.4 0 0 1-3.4-3.2h.8c.2 0 .3-.1.4-.2.1-.1.1-.3 0-.4l-1.5-2.5c-.2-.2-.6-.2-.7 0L10 17.6c-.1.1-.1.3 0 .4.1.1.2.2.4.2h.9c.1 2.5 2.2 4.5 4.7 4.5.8 0 1.6-.2 2.4-.6l.2-.1-.7-1.1-.3.1z"/></g></svg>

Inline

<span class="icon icon-size-small icon-state-default">
    <span class="icon-markup">
        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 32 32"><g><path fill="#79A548" d="M6 5.5h20v21H6z"/><g fill="#79A548"><ellipse cx="16" cy="26.5" rx="10" ry="3.5"/><ellipse cx="16" cy="5.5" rx="10" ry="3.5"/></g><g opacity=".25"><ellipse cx="16" cy="5.5" fill="#FFF" rx="10" ry="3.5"/><ellipse cx="16" cy="5.3" fill="#212121" rx="7" ry="1.8"/></g></g><g fill="#FFF"><path d="M22.1 17.9c-.1-.1-.2-.2-.4-.2h-.9c-.1-2.5-2.2-4.5-4.7-4.5-.8 0-1.7.2-2.4.7l-.3.1.7 1.2.2-.1c.5-.3 1.1-.5 1.7-.5 1.8 0 3.3 1.4 3.4 3.2h-.8c-.2 0-.3.1-.4.2-.1.1-.1.3 0 .4l1.5 2.5c.2.1.3.1.5.1s.3-.1.4-.2l1.5-2.5c.1-.1.1-.2 0-.4zM17.6 21c-.5.3-1.1.4-1.7.4a3.4 3.4 0 0 1-3.4-3.2h.8c.2 0 .3-.1.4-.2.1-.1.1-.3 0-.4l-1.5-2.5c-.2-.2-.6-.2-.7 0L10 17.6c-.1.1-.1.3 0 .4.1.1.2.2.4.2h.9c.1 2.5 2.2 4.5 4.7 4.5.8 0 1.6-.2 2.4-.6l.2-.1-.7-1.1-.3.1z"/></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-database-analyze" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="install-database-analyze" 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' xml:space='preserve' viewBox='0 0 32 32'%3e%3cg%3e%3cpath fill='%2379A548' d='M6 5.5h20v21H6z'/%3e%3cg fill='%2379A548'%3e%3cellipse cx='16' cy='26.5' rx='10' ry='3.5'/%3e%3cellipse cx='16' cy='5.5' rx='10' ry='3.5'/%3e%3c/g%3e%3cg opacity='.25'%3e%3cellipse cx='16' cy='5.5' fill='%23FFF' rx='10' ry='3.5'/%3e%3cellipse cx='16' cy='5.3' fill='%23212121' rx='7' ry='1.8'/%3e%3c/g%3e%3c/g%3e%3cg fill='%23FFF'%3e%3cpath d='M22.1 17.9c-.1-.1-.2-.2-.4-.2h-.9c-.1-2.5-2.2-4.5-4.7-4.5-.8 0-1.7.2-2.4.7l-.3.1.7 1.2.2-.1c.5-.3 1.1-.5 1.7-.5 1.8 0 3.3 1.4 3.4 3.2h-.8c-.2 0-.3.1-.4.2-.1.1-.1.3 0 .4l1.5 2.5c.2.1.3.1.5.1s.3-.1.4-.2l1.5-2.5c.1-.1.1-.2 0-.4zM17.6 21c-.5.3-1.1.4-1.7.4a3.4 3.4 0 0 1-3.4-3.2h.8c.2 0 .3-.1.4-.2.1-.1.1-.3 0-.4l-1.5-2.5c-.2-.2-.6-.2-.7 0L10 17.6c-.1.1-.1.3 0 .4.1.1.2.2.4.2h.9c.1 2.5 2.2 4.5 4.7 4.5.8 0 1.6-.2 2.4-.6l.2-.1-.7-1.1-.3.1z'/%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-database-analyze;
}

Download

Download