mimetypes-x-sys_language

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

Buttons

Button Label Button Label

Button Label Button Label

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g><path fill="#59F" d="M15 6c0 3.3-2.7 6-6 6S3 9.3 3 6s2.7-6 6-6 6 2.7 6 6z"/><path fill="#212121" d="M9 12c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zM9 1C6.2 1 4 3.2 4 6s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z" opacity=".2"/><path fill="#AAD400" d="m11.6 1.8-.1.1c-.2.1-.5-.1-.7-.1-.5-.2-1.1-.2-1.5-.1-.2.1-.7.1-.5.5.2.3.5.5.8.2.2-.2.3-.4.5-.2.1.1.1.1.1.2-.1.2-.3.3-.5.3-.3.1-.5 0-.8.1-.3.1-.7.1-.7.5s-.1.5-.5.6c-.2 0-.3.1-.2.4.1.2.3.2.4.1.5-.3 1-1 1.6-.1l.1-.1c.2-.5.3-.2.4 0l.2.2c.8-.7.6.4.9.6-.5-.1-1.1.4-1.6.1-.8-.6-1.3-.4-2 .3-.6.4-.8 1.1-.6 1.6.1.7.9.8 1.5.7.2-.1.6-.1.6 0-.2.7.6 1.1.3 1.8-.2.5.1 1.2.5 1.4.3 0 .5-.1.7-.2.2-.2.3-.4.4-.6.1-.1 0-.2.1-.3.5-.7.5-1.8 1.1-2.5.2-.2.9-1 .3-1.6 1.3-.4.8.9 1.1 1.5.2-.4.3-.8.5-1.2v-.1c0-.7-.1-1.3-.4-1.9v-.1c-.1-.1-.1-.2-.2-.4-.5-.6-1.1-1.3-1.8-1.7zM5.9 2.1c.1 0 .1 0 0 0H6.8s.1 0 .1-.1l.1-.1s.1 0 .1-.1l.1-.1H7c-.2.1-.2.1-.1 0 0-.1.1-.2.2-.3-.4.1-.8.4-1.2.7zM5.8 9.6c0-.1.1-.1.1-.1.1-.3.1-.7.1-.9V8.3h-.2c-.1 0-.1-.1-.1-.1h-.4s-.1 0-.1-.1c-.4-.3-.6-.7-.7-1.3 0-.1-.1-.3-.1-.4-.1 0-.1-.1-.1-.2-.2-.1-.1-.4 0-.6v-.1c0-.1 0-.1.1-.1 0-.1 0-.1.1-.1.1-.4.4-.6.5-.8l.1-.1v-.1c.1-.1.1-.2.1-.3 0-.1.1-.2.1-.3 0-.1 0-.2-.1-.3 0-.1-.1-.3-.2-.4-.6.8-1 1.9-1 3v.1c0 .2 0 .4.1.6 0 .2.1.5.2.7 0 .1 0 .1.1.2.1.2.2.5.3.7.1.1.1.2.2.3.1.1.1.2.2.3.2.3.5.6.8.9-.1-.1-.1-.1-.1-.2 0 .1 0 .1 0 0z"/></g><g><path fill="#FFC857" d="M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1l-3.2 5.5z"/><path fill="#212121" d="M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6s.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1-.1 0-3.2 5.5-3.2 5.5zm-11.6-.9 2 1.2c.6.3 1.2.5 1.9.4l6.3-.7c.3 0 .5-.2.6-.4L15 8.6c.1-.1.1-.2 0-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1h-.3c.1.1.2.2.2.4 0 .1 0 .3-.1.4l-2.7 4.7-.2-.1L14 8.4v-.3c0-.1-.1-.2-.2-.3-.2-.1-.3-.2-.3-.2-.2-.1-.4-.1-.6 0-.2.1-.3.2-.4.4l-2.1 3.6-.3.5c-.1.2-.2.2-.4.3s-.3 0-.5-.1c-.1 0-.1-.1-.2-.1l-.9-1s0-.1-.1-.2c0-.1 0-.3.1-.4l1.5-2.5c.1-.3.2-.5.1-.8s-.3-.5-.5-.7L9 6.5c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L6.6 9.9c0 .1-.1.1-.1.1l-1.9 1.3c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1l-1.1-.6c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L.9 13c-.1.1-.1.2 0 .3 0 .1.1.2.2.3z" opacity=".2"/></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 16 16"><g><path fill="#59F" d="M15 6c0 3.3-2.7 6-6 6S3 9.3 3 6s2.7-6 6-6 6 2.7 6 6z"/><path fill="#212121" d="M9 12c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zM9 1C6.2 1 4 3.2 4 6s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z" opacity=".2"/><path fill="#AAD400" d="m11.6 1.8-.1.1c-.2.1-.5-.1-.7-.1-.5-.2-1.1-.2-1.5-.1-.2.1-.7.1-.5.5.2.3.5.5.8.2.2-.2.3-.4.5-.2.1.1.1.1.1.2-.1.2-.3.3-.5.3-.3.1-.5 0-.8.1-.3.1-.7.1-.7.5s-.1.5-.5.6c-.2 0-.3.1-.2.4.1.2.3.2.4.1.5-.3 1-1 1.6-.1l.1-.1c.2-.5.3-.2.4 0l.2.2c.8-.7.6.4.9.6-.5-.1-1.1.4-1.6.1-.8-.6-1.3-.4-2 .3-.6.4-.8 1.1-.6 1.6.1.7.9.8 1.5.7.2-.1.6-.1.6 0-.2.7.6 1.1.3 1.8-.2.5.1 1.2.5 1.4.3 0 .5-.1.7-.2.2-.2.3-.4.4-.6.1-.1 0-.2.1-.3.5-.7.5-1.8 1.1-2.5.2-.2.9-1 .3-1.6 1.3-.4.8.9 1.1 1.5.2-.4.3-.8.5-1.2v-.1c0-.7-.1-1.3-.4-1.9v-.1c-.1-.1-.1-.2-.2-.4-.5-.6-1.1-1.3-1.8-1.7zM5.9 2.1c.1 0 .1 0 0 0H6.8s.1 0 .1-.1l.1-.1s.1 0 .1-.1l.1-.1H7c-.2.1-.2.1-.1 0 0-.1.1-.2.2-.3-.4.1-.8.4-1.2.7zM5.8 9.6c0-.1.1-.1.1-.1.1-.3.1-.7.1-.9V8.3h-.2c-.1 0-.1-.1-.1-.1h-.4s-.1 0-.1-.1c-.4-.3-.6-.7-.7-1.3 0-.1-.1-.3-.1-.4-.1 0-.1-.1-.1-.2-.2-.1-.1-.4 0-.6v-.1c0-.1 0-.1.1-.1 0-.1 0-.1.1-.1.1-.4.4-.6.5-.8l.1-.1v-.1c.1-.1.1-.2.1-.3 0-.1.1-.2.1-.3 0-.1 0-.2-.1-.3 0-.1-.1-.3-.2-.4-.6.8-1 1.9-1 3v.1c0 .2 0 .4.1.6 0 .2.1.5.2.7 0 .1 0 .1.1.2.1.2.2.5.3.7.1.1.1.2.2.3.1.1.1.2.2.3.2.3.5.6.8.9-.1-.1-.1-.1-.1-.2 0 .1 0 .1 0 0z"/></g><g><path fill="#FFC857" d="M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1l-3.2 5.5z"/><path fill="#212121" d="M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6s.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1-.1 0-3.2 5.5-3.2 5.5zm-11.6-.9 2 1.2c.6.3 1.2.5 1.9.4l6.3-.7c.3 0 .5-.2.6-.4L15 8.6c.1-.1.1-.2 0-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1h-.3c.1.1.2.2.2.4 0 .1 0 .3-.1.4l-2.7 4.7-.2-.1L14 8.4v-.3c0-.1-.1-.2-.2-.3-.2-.1-.3-.2-.3-.2-.2-.1-.4-.1-.6 0-.2.1-.3.2-.4.4l-2.1 3.6-.3.5c-.1.2-.2.2-.4.3s-.3 0-.5-.1c-.1 0-.1-.1-.2-.1l-.9-1s0-.1-.1-.2c0-.1 0-.3.1-.4l1.5-2.5c.1-.3.2-.5.1-.8s-.3-.5-.5-.7L9 6.5c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L6.6 9.9c0 .1-.1.1-.1.1l-1.9 1.3c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1l-1.1-.6c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L.9 13c-.1.1-.1.2 0 .3 0 .1.1.2.2.3z" opacity=".2"/></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/mimetypes.svg#mimetypes-x-sys_language" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="mimetypes-x-sys_language" 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 16 16'%3e%3cg%3e%3cpath fill='%2359F' d='M15 6c0 3.3-2.7 6-6 6S3 9.3 3 6s2.7-6 6-6 6 2.7 6 6z'/%3e%3cpath fill='%23212121' d='M9 12c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6zM9 1C6.2 1 4 3.2 4 6s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5z' opacity='.2'/%3e%3cpath fill='%23AAD400' d='m11.6 1.8-.1.1c-.2.1-.5-.1-.7-.1-.5-.2-1.1-.2-1.5-.1-.2.1-.7.1-.5.5.2.3.5.5.8.2.2-.2.3-.4.5-.2.1.1.1.1.1.2-.1.2-.3.3-.5.3-.3.1-.5 0-.8.1-.3.1-.7.1-.7.5s-.1.5-.5.6c-.2 0-.3.1-.2.4.1.2.3.2.4.1.5-.3 1-1 1.6-.1l.1-.1c.2-.5.3-.2.4 0l.2.2c.8-.7.6.4.9.6-.5-.1-1.1.4-1.6.1-.8-.6-1.3-.4-2 .3-.6.4-.8 1.1-.6 1.6.1.7.9.8 1.5.7.2-.1.6-.1.6 0-.2.7.6 1.1.3 1.8-.2.5.1 1.2.5 1.4.3 0 .5-.1.7-.2.2-.2.3-.4.4-.6.1-.1 0-.2.1-.3.5-.7.5-1.8 1.1-2.5.2-.2.9-1 .3-1.6 1.3-.4.8.9 1.1 1.5.2-.4.3-.8.5-1.2v-.1c0-.7-.1-1.3-.4-1.9v-.1c-.1-.1-.1-.2-.2-.4-.5-.6-1.1-1.3-1.8-1.7zM5.9 2.1c.1 0 .1 0 0 0H6.8s.1 0 .1-.1l.1-.1s.1 0 .1-.1l.1-.1H7c-.2.1-.2.1-.1 0 0-.1.1-.2.2-.3-.4.1-.8.4-1.2.7zM5.8 9.6c0-.1.1-.1.1-.1.1-.3.1-.7.1-.9V8.3h-.2c-.1 0-.1-.1-.1-.1h-.4s-.1 0-.1-.1c-.4-.3-.6-.7-.7-1.3 0-.1-.1-.3-.1-.4-.1 0-.1-.1-.1-.2-.2-.1-.1-.4 0-.6v-.1c0-.1 0-.1.1-.1 0-.1 0-.1.1-.1.1-.4.4-.6.5-.8l.1-.1v-.1c.1-.1.1-.2.1-.3 0-.1.1-.2.1-.3 0-.1 0-.2-.1-.3 0-.1-.1-.3-.2-.4-.6.8-1 1.9-1 3v.1c0 .2 0 .4.1.6 0 .2.1.5.2.7 0 .1 0 .1.1.2.1.2.2.5.3.7.1.1.1.2.2.3.1.1.1.2.2.3.2.3.5.6.8.9-.1-.1-.1-.1-.1-.2 0 .1 0 .1 0 0z'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23FFC857' d='M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1l-3.2 5.5z'/%3e%3cpath fill='%23212121' d='M12.7 14.5c-.1.2-.3.4-.5.6-.2.1-.5.2-.7.3l-6.4.6c-.9.1-1.7-.1-2.4-.5l-2-1.2c-.3-.2-.5-.4-.6-.8-.1-.3 0-.7.1-1l1.3-2.2c.2-.3.4-.5.8-.6s.7 0 1 .1l1 .6 1.8-1.2 1.8-3.1c.2-.3.4-.5.8-.6.3-.1.7 0 1 .1l.2.1c.5.3.7.6.9 1.1.1.5.1 1-.2 1.4l-1.4 2.4.6.7 2.3-3.9c.2-.4.5-.6 1-.8.4-.1.8-.1 1.2.1.4-.1.9 0 1.2.2l.2.1c0 .5.2.7.3 1 .1.3 0 .7-.1 1-.1 0-3.2 5.5-3.2 5.5zm-11.6-.9 2 1.2c.6.3 1.2.5 1.9.4l6.3-.7c.3 0 .5-.2.6-.4L15 8.6c.1-.1.1-.2 0-.3 0-.1-.1-.2-.2-.3-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1h-.3c.1.1.2.2.2.4 0 .1 0 .3-.1.4l-2.7 4.7-.2-.1L14 8.4v-.3c0-.1-.1-.2-.2-.3-.2-.1-.3-.2-.3-.2-.2-.1-.4-.1-.6 0-.2.1-.3.2-.4.4l-2.1 3.6-.3.5c-.1.2-.2.2-.4.3s-.3 0-.5-.1c-.1 0-.1-.1-.2-.1l-.9-1s0-.1-.1-.2c0-.1 0-.3.1-.4l1.5-2.5c.1-.3.2-.5.1-.8s-.3-.5-.5-.7L9 6.5c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L6.6 9.9c0 .1-.1.1-.1.1l-1.9 1.3c-.1.1-.2.1-.3.1-.1 0-.2 0-.3-.1l-1.1-.6c-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3.2L.9 13c-.1.1-.1.2 0 .3 0 .1.1.2.2.3z' opacity='.2'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-mimetypes-x-sys_language;
}

Download

Download