module-linkvalidator

Introduced in v2.6.0

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="#639" d="M0 0h64v64H0z"/><path fill="#FFF" d="m45.4 22.8-4.2-4.2c-.6-.6-1.4-.9-2.1-.9-.8 0-1.5.3-2.1.9l-8.5 8.5-1.4 1.4-8.5 8.5c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l8.5-8.5 1.4-1.4 8.5-8.5c1.2-1.1 1.2-3 0-4.2zM25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l6.5-6.5c.1.3.3.6.6.8l4.2 4.2c.2.2.5.4.8.6L25.6 44zm8.5-8.5c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3l-4.2-4.2c-.4-.4-.4-1 0-1.4l1.4-1.4c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-1.4 1.4zm9.9-9.9-6.5 6.5c-.1-.3-.3-.6-.6-.8l-4.2-4.2c-.2-.2-.5-.4-.8-.6l6.5-6.5c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4z" opacity=".25"/><path fill="#FFF" d="M39.1 17.7c-.8 0-1.5.3-2.1.9l-9.9 9.9c-1.2 1.2-1.2 3.1 0 4.2l3.5 3.5 1.4-1.4-3.5-3.5c-.4-.4-.4-1 0-1.4l9.9-9.9c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-5 5c.4.6.7 1.3.8 2.1l5.7-5.7c1.2-1.2 1.2-3.1 0-4.2l-4.2-4.2c-.7-.6-1.5-.9-2.2-.9z"/><path fill="#FFF" d="M35.5 32.7c.4.4.4 1 0 1.4L25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l5-5c-.4-.6-.7-1.3-.8-2.1L18.5 37c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9l9.9-9.9c1.2-1.2 1.2-3.1 0-4.2l-3.5-3.5-1.3 1.4 3.5 3.5zM47.3 38.8l-.7-.7c-.2-.2-.5-.2-.7 0l-5.4 5.4-2.5-2.6c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7z"/></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="#639" d="M0 0h64v64H0z"/><path fill="#FFF" d="m45.4 22.8-4.2-4.2c-.6-.6-1.4-.9-2.1-.9-.8 0-1.5.3-2.1.9l-8.5 8.5-1.4 1.4-8.5 8.5c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l8.5-8.5 1.4-1.4 8.5-8.5c1.2-1.1 1.2-3 0-4.2zM25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l6.5-6.5c.1.3.3.6.6.8l4.2 4.2c.2.2.5.4.8.6L25.6 44zm8.5-8.5c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3l-4.2-4.2c-.4-.4-.4-1 0-1.4l1.4-1.4c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-1.4 1.4zm9.9-9.9-6.5 6.5c-.1-.3-.3-.6-.6-.8l-4.2-4.2c-.2-.2-.5-.4-.8-.6l6.5-6.5c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4z" opacity=".25"/><path fill="#FFF" d="M39.1 17.7c-.8 0-1.5.3-2.1.9l-9.9 9.9c-1.2 1.2-1.2 3.1 0 4.2l3.5 3.5 1.4-1.4-3.5-3.5c-.4-.4-.4-1 0-1.4l9.9-9.9c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-5 5c.4.6.7 1.3.8 2.1l5.7-5.7c1.2-1.2 1.2-3.1 0-4.2l-4.2-4.2c-.7-.6-1.5-.9-2.2-.9z"/><path fill="#FFF" d="M35.5 32.7c.4.4.4 1 0 1.4L25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l5-5c-.4-.6-.7-1.3-.8-2.1L18.5 37c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9l9.9-9.9c1.2-1.2 1.2-3.1 0-4.2l-3.5-3.5-1.3 1.4 3.5 3.5zM47.3 38.8l-.7-.7c-.2-.2-.5-.2-.7 0l-5.4 5.4-2.5-2.6c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7z"/></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-linkvalidator" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="module-linkvalidator" 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%3cpath fill='%23639' d='M0 0h64v64H0z'/%3e%3cpath fill='%23FFF' d='m45.4 22.8-4.2-4.2c-.6-.6-1.4-.9-2.1-.9-.8 0-1.5.3-2.1.9l-8.5 8.5-1.4 1.4-8.5 8.5c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l8.5-8.5 1.4-1.4 8.5-8.5c1.2-1.1 1.2-3 0-4.2zM25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l6.5-6.5c.1.3.3.6.6.8l4.2 4.2c.2.2.5.4.8.6L25.6 44zm8.5-8.5c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3l-4.2-4.2c-.4-.4-.4-1 0-1.4l1.4-1.4c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-1.4 1.4zm9.9-9.9-6.5 6.5c-.1-.3-.3-.6-.6-.8l-4.2-4.2c-.2-.2-.5-.4-.8-.6l6.5-6.5c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4z' opacity='.25'/%3e%3cpath fill='%23FFF' d='M39.1 17.7c-.8 0-1.5.3-2.1.9l-9.9 9.9c-1.2 1.2-1.2 3.1 0 4.2l3.5 3.5 1.4-1.4-3.5-3.5c-.4-.4-.4-1 0-1.4l9.9-9.9c.3-.3.6-.3.7-.3.2 0 .5 0 .7.3l4.2 4.2c.4.4.4 1 0 1.4l-5 5c.4.6.7 1.3.8 2.1l5.7-5.7c1.2-1.2 1.2-3.1 0-4.2l-4.2-4.2c-.7-.6-1.5-.9-2.2-.9z'/%3e%3cpath fill='%23FFF' d='M35.5 32.7c.4.4.4 1 0 1.4L25.6 44c-.3.3-.6.3-.7.3-.2 0-.5 0-.7-.3L20 39.8c-.4-.4-.4-1 0-1.4l5-5c-.4-.6-.7-1.3-.8-2.1L18.5 37c-1.2 1.2-1.2 3.1 0 4.2l4.2 4.2c.6.6 1.4.9 2.1.9.8 0 1.5-.3 2.1-.9l9.9-9.9c1.2-1.2 1.2-3.1 0-4.2l-3.5-3.5-1.3 1.4 3.5 3.5zM47.3 38.8l-.7-.7c-.2-.2-.5-.2-.7 0l-5.4 5.4-2.5-2.6c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7z'/%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-linkvalidator;
}

Download

Download