module-webhooks

module-webhooks

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="currentColor" d="M42 36c-1.48 0-2.75.81-3.45 2H30c-1.1 0-2 .9-2 2 0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.74 1.85-5.13 4.5-5.81a1.997 1.997 0 1 0-.99-3.87 9.992 9.992 0 0 0-7.5 9.68c0 5.51 4.49 10 10 10 4.83 0 8.87-3.44 9.8-8h6.76c.69 1.19 1.97 2 3.45 2 2.21 0 4-1.79 4-4s-1.79-4-4-4Z"/><path fill="currentColor" d="M50.77 35.2c-2.32-4.24-7.28-6.13-11.72-4.75l-3.56-6.51c.32-.58.52-1.23.52-1.93 0-2.21-1.79-4-4-4s-4 1.79-4 4 1.79 4 4 4h.05l4.35 7.95c.25.46.68.81 1.19.96.51.15 1.06.09 1.52-.17 2.9-1.59 6.56-.52 8.14 2.38 1.59 2.9.52 6.55-2.38 8.14a5.99 5.99 0 0 1-7.26-1.16c-.76-.81-2.02-.85-2.83-.09s-.85 2.02-.09 2.83a9.986 9.986 0 0 0 12.09 1.93c4.84-2.65 6.62-8.74 3.97-13.57Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M36.8 13.23c-4.84-2.65-10.93-.87-13.57 3.97-2.32 4.24-1.24 9.43 2.31 12.44l-3.49 6.37H22c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.71-.2-1.36-.52-1.93l4.43-8.09c.53-.97.18-2.18-.79-2.71-2.9-1.59-3.97-5.24-2.38-8.14a5.949 5.949 0 0 1 3.58-2.88c1.54-.45 3.16-.27 4.56.5a6.014 6.014 0 0 1 2.94 6.74c-.27 1.07.38 2.16 1.45 2.43 1.08.27 2.16-.38 2.43-1.45 1.12-4.42-.89-9.04-4.89-11.23Z"/></svg>

<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 36c-1.48 0-2.75.81-3.45 2H30c-1.1 0-2 .9-2 2 0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.74 1.85-5.13 4.5-5.81a1.997 1.997 0 1 0-.99-3.87 9.992 9.992 0 0 0-7.5 9.68c0 5.51 4.49 10 10 10 4.83 0 8.87-3.44 9.8-8h6.76c.69 1.19 1.97 2 3.45 2 2.21 0 4-1.79 4-4s-1.79-4-4-4Z"/><path fill="currentColor" d="M50.77 35.2c-2.32-4.24-7.28-6.13-11.72-4.75l-3.56-6.51c.32-.58.52-1.23.52-1.93 0-2.21-1.79-4-4-4s-4 1.79-4 4 1.79 4 4 4h.05l4.35 7.95c.25.46.68.81 1.19.96.51.15 1.06.09 1.52-.17 2.9-1.59 6.56-.52 8.14 2.38 1.59 2.9.52 6.55-2.38 8.14a5.99 5.99 0 0 1-7.26-1.16c-.76-.81-2.02-.85-2.83-.09s-.85 2.02-.09 2.83a9.986 9.986 0 0 0 12.09 1.93c4.84-2.65 6.62-8.74 3.97-13.57Z"/><path fill="var(--icon-color-accent, #ff8700)" d="M36.8 13.23c-4.84-2.65-10.93-.87-13.57 3.97-2.32 4.24-1.24 9.43 2.31 12.44l-3.49 6.37H22c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.71-.2-1.36-.52-1.93l4.43-8.09c.53-.97.18-2.18-.79-2.71-2.9-1.59-3.97-5.24-2.38-8.14a5.949 5.949 0 0 1 3.58-2.88c1.54-.45 3.16-.27 4.56.5a6.014 6.014 0 0 1 2.94 6.74c-.27 1.07.38 2.16 1.45 2.43 1.08.27 2.16-.38 2.43-1.45 1.12-4.42-.89-9.04-4.89-11.23Z"/></svg>
    </span>
</span>

<span class="icon icon-size-small icon-state-default">
    <span class="icon-markup">
        <svg role="img"><use xlink:href="dist/sprites/module.svg?v=1769809642593#module-webhooks" /></svg>
    </span>
</span>

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

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

.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 36c-1.48 0-2.75.81-3.45 2H30c-1.1 0-2 .9-2 2 0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.74 1.85-5.13 4.5-5.81a1.997 1.997 0 1 0-.99-3.87 9.992 9.992 0 0 0-7.5 9.68c0 5.51 4.49 10 10 10 4.83 0 8.87-3.44 9.8-8h6.76c.69 1.19 1.97 2 3.45 2 2.21 0 4-1.79 4-4s-1.79-4-4-4Z'/%3e%3cpath fill='%23fff' d='M50.77 35.2c-2.32-4.24-7.28-6.13-11.72-4.75l-3.56-6.51c.32-.58.52-1.23.52-1.93 0-2.21-1.79-4-4-4s-4 1.79-4 4 1.79 4 4 4h.05l4.35 7.95c.25.46.68.81 1.19.96.51.15 1.06.09 1.52-.17 2.9-1.59 6.56-.52 8.14 2.38 1.59 2.9.52 6.55-2.38 8.14a5.99 5.99 0 0 1-7.26-1.16c-.76-.81-2.02-.85-2.83-.09s-.85 2.02-.09 2.83a9.986 9.986 0 0 0 12.09 1.93c4.84-2.65 6.62-8.74 3.97-13.57Z'/%3e%3cpath fill='var(--icon-color-accent, %23ff8700)' d='M36.8 13.23c-4.84-2.65-10.93-.87-13.57 3.97-2.32 4.24-1.24 9.43 2.31 12.44l-3.49 6.37H22c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.71-.2-1.36-.52-1.93l4.43-8.09c.53-.97.18-2.18-.79-2.71-2.9-1.59-3.97-5.24-2.38-8.14a5.949 5.949 0 0 1 3.58-2.88c1.54-.45 3.16-.27 4.56.5a6.014 6.014 0 0 1 2.94 6.74c-.27 1.07.38 2.16 1.45 2.43 1.08.27 2.16-.38 2.43-1.45 1.12-4.42-.89-9.04-4.89-11.23Z'/%3e%3c/svg%3e");
}

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-module-webhooks;
}