module-about - Backend modules

Module Menu Preview

module-about module-about module-about module-about module-about

Usage

Icon Identifier

module-about

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="currentColor" d="M42.14 39.54c-.58.29-1.16.29-1.74.29-5.22 0-12.75-17.97-12.75-24.06 0-2.32.58-2.9 1.16-3.48-6.09.87-13.62 3.19-15.94 6.09-.58.58-.87 1.74-.87 3.19 0 9.57 9.86 30.72 17.1 30.72 3.19 0 8.7-5.22 13.04-12.75m-3.18-27.83c6.38 0 13.04 1.16 13.04 4.64 0 7.54-4.64 16.52-7.25 16.52-4.35 0-9.57-11.88-9.57-17.97 0-2.61 1.16-3.19 3.77-3.19"/></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"><path fill="currentColor" d="M42.14 39.54c-.58.29-1.16.29-1.74.29-5.22 0-12.75-17.97-12.75-24.06 0-2.32.58-2.9 1.16-3.48-6.09.87-13.62 3.19-15.94 6.09-.58.58-.87 1.74-.87 3.19 0 9.57 9.86 30.72 17.1 30.72 3.19 0 8.7-5.22 13.04-12.75m-3.18-27.83c6.38 0 13.04 1.16 13.04 4.64 0 7.54-4.64 16.52-7.25 16.52-4.35 0-9.57-11.88-9.57-17.97 0-2.61 1.16-3.19 3.77-3.19"/></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?v=1787092859629#module-about" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="module-about" size="small" />

TYPO3 Web Component

<typo3-backend-icon identifier="module-about" size="small"></typo3-backend-icon>

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%3cpath fill='%23fff' d='M42.14 39.54c-.58.29-1.16.29-1.74.29-5.22 0-12.75-17.97-12.75-24.06 0-2.32.58-2.9 1.16-3.48-6.09.87-13.62 3.19-15.94 6.09-.58.58-.87 1.74-.87 3.19 0 9.57 9.86 30.72 17.1 30.72 3.19 0 8.7-5.22 13.04-12.75m-3.18-27.83c6.38 0 13.04 1.16 13.04 4.64 0 7.54-4.64 16.52-7.25 16.52-4.35 0-9.57-11.88-9.57-17.97 0-2.61 1.16-3.19 3.77-3.19'/%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-about;
}

Download

Download SVG