actions-brand-discord

Tags: social, brand

Introduced in v2.1.0

Available in TYPO3 11.5

This work includes material that may be protected as a trademark in some jurisdictions. If you want to use it, you have to ensure that you have the legal right to do so and that you do not infringe any trademark rights. The use of these trademarks does not indicate endorsement of the trademark holder by TYPO3, nor vice versa. See the trademark owner for rules about appropriate use of their trademarks.

Buttons

Button Label Button Label

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M12.86 3.583c-.92-.42-1.892-.72-2.889-.888-.136.244-.26.495-.37.752a10.756 10.756 0 0 0-3.205 0 7.969 7.969 0 0 0-.37-.752c-.998.17-1.97.47-2.89.89C1.306 6.29.811 8.928 1.058 11.528c1.07.79 2.27 1.392 3.543 1.778.287-.385.54-.795.759-1.223a7.534 7.534 0 0 1-1.195-.57c.1-.073.198-.148.293-.22a8.321 8.321 0 0 0 7.082 0c.096.078.194.152.293.22a7.563 7.563 0 0 1-1.197.571c.218.428.472.837.759 1.222a11.59 11.59 0 0 0 3.544-1.777c.291-3.015-.496-5.628-2.08-7.945zM5.673 9.928c-.69 0-1.26-.626-1.26-1.397s.55-1.403 1.258-1.403 1.274.632 1.262 1.403-.556 1.397-1.26 1.397zm4.652 0c-.692 0-1.26-.626-1.26-1.397s.55-1.403 1.26-1.403c.709 0 1.27.632 1.258 1.403-.012.77-.555 1.397-1.258 1.397z"/></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 16 16"><g fill="currentColor"><path d="M12.86 3.583c-.92-.42-1.892-.72-2.889-.888-.136.244-.26.495-.37.752a10.756 10.756 0 0 0-3.205 0 7.969 7.969 0 0 0-.37-.752c-.998.17-1.97.47-2.89.89C1.306 6.29.811 8.928 1.058 11.528c1.07.79 2.27 1.392 3.543 1.778.287-.385.54-.795.759-1.223a7.534 7.534 0 0 1-1.195-.57c.1-.073.198-.148.293-.22a8.321 8.321 0 0 0 7.082 0c.096.078.194.152.293.22a7.563 7.563 0 0 1-1.197.571c.218.428.472.837.759 1.222a11.59 11.59 0 0 0 3.544-1.777c.291-3.015-.496-5.628-2.08-7.945zM5.673 9.928c-.69 0-1.26-.626-1.26-1.397s.55-1.403 1.258-1.403 1.274.632 1.262 1.403-.556 1.397-1.26 1.397zm4.652 0c-.692 0-1.26-.626-1.26-1.397s.55-1.403 1.26-1.403c.709 0 1.27.632 1.258 1.403-.012.77-.555 1.397-1.258 1.397z"/></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/actions.svg#actions-brand-discord" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="actions-brand-discord" 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 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='M12.86 3.583c-.92-.42-1.892-.72-2.889-.888-.136.244-.26.495-.37.752a10.756 10.756 0 0 0-3.205 0 7.969 7.969 0 0 0-.37-.752c-.998.17-1.97.47-2.89.89C1.306 6.29.811 8.928 1.058 11.528c1.07.79 2.27 1.392 3.543 1.778.287-.385.54-.795.759-1.223a7.534 7.534 0 0 1-1.195-.57c.1-.073.198-.148.293-.22a8.321 8.321 0 0 0 7.082 0c.096.078.194.152.293.22a7.563 7.563 0 0 1-1.197.571c.218.428.472.837.759 1.222a11.59 11.59 0 0 0 3.544-1.777c.291-3.015-.496-5.628-2.08-7.945zM5.673 9.928c-.69 0-1.26-.626-1.26-1.397s.55-1.403 1.258-1.403 1.274.632 1.262 1.403-.556 1.397-1.26 1.397zm4.652 0c-.692 0-1.26-.626-1.26-1.397s.55-1.403 1.26-1.403c.709 0 1.27.632 1.258 1.403-.012.77-.555 1.397-1.258 1.397z'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-actions-brand-discord;
}