module-help

module-help

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z"/><path fill="currentColor" d="M37.6 21.7c-1.29-1.13-3.11-1.7-5.4-1.7-1.45 0-2.81.18-4.03.55a16.9 16.9 0 0 0-3.4 1.42l-.52.29.26.53 1.64 3.3.28.56.56-.28c.84-.43 1.68-.77 2.49-1.03a7.84 7.84 0 0 1 2.38-.38c.73 0 1.29.13 1.66.4.32.22.46.54.46.99 0 .35-.06.64-.2.9-.14.28-.38.57-.7.87-.36.33-.84.71-1.44 1.14-.73.53-1.33 1.06-1.78 1.56-.47.53-.82 1.11-1.04 1.71-.21.59-.32 1.28-.32 2.03v1.74h5.23v-1.52c0-.34.04-.63.13-.85.08-.21.25-.43.5-.67.3-.28.75-.64 1.33-1.07.82-.6 1.52-1.18 2.08-1.72.59-.58 1.04-1.23 1.34-1.92.3-.69.45-1.51.45-2.44 0-1.77-.67-3.25-1.98-4.39Zm-.36.51-.05-.05.05.05ZM33.53 38.33c-.62-.46-1.37-.69-2.21-.69s-1.62.23-2.24.69c-.68.5-1.03 1.34-1.03 2.49s.34 1.93 1.02 2.45c.63.49 1.39.73 2.26.73s1.6-.25 2.23-.73c.67-.52 1.02-1.35 1.02-2.45s-.35-1.99-1.03-2.49Z"/></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="var(--icon-color-accent, #ff8700)" d="M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z"/><path fill="currentColor" d="M37.6 21.7c-1.29-1.13-3.11-1.7-5.4-1.7-1.45 0-2.81.18-4.03.55a16.9 16.9 0 0 0-3.4 1.42l-.52.29.26.53 1.64 3.3.28.56.56-.28c.84-.43 1.68-.77 2.49-1.03a7.84 7.84 0 0 1 2.38-.38c.73 0 1.29.13 1.66.4.32.22.46.54.46.99 0 .35-.06.64-.2.9-.14.28-.38.57-.7.87-.36.33-.84.71-1.44 1.14-.73.53-1.33 1.06-1.78 1.56-.47.53-.82 1.11-1.04 1.71-.21.59-.32 1.28-.32 2.03v1.74h5.23v-1.52c0-.34.04-.63.13-.85.08-.21.25-.43.5-.67.3-.28.75-.64 1.33-1.07.82-.6 1.52-1.18 2.08-1.72.59-.58 1.04-1.23 1.34-1.92.3-.69.45-1.51.45-2.44 0-1.77-.67-3.25-1.98-4.39Zm-.36.51-.05-.05.05.05ZM33.53 38.33c-.62-.46-1.37-.69-2.21-.69s-1.62.23-2.24.69c-.68.5-1.03 1.34-1.03 2.49s.34 1.93 1.02 2.45c.63.49 1.39.73 2.26.73s1.6-.25 2.23-.73c.67-.52 1.02-1.35 1.02-2.45s-.35-1.99-1.03-2.49Z"/></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-help" /></svg>
    </span>
</span>

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

<typo3-backend-icon identifier="module-help" 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='var(--icon-color-accent, %23ff8700)' d='M32 16c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16m0-4c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20Z'/%3e%3cpath fill='%23fff' d='M37.6 21.7c-1.29-1.13-3.11-1.7-5.4-1.7-1.45 0-2.81.18-4.03.55a16.9 16.9 0 0 0-3.4 1.42l-.52.29.26.53 1.64 3.3.28.56.56-.28c.84-.43 1.68-.77 2.49-1.03a7.84 7.84 0 0 1 2.38-.38c.73 0 1.29.13 1.66.4.32.22.46.54.46.99 0 .35-.06.64-.2.9-.14.28-.38.57-.7.87-.36.33-.84.71-1.44 1.14-.73.53-1.33 1.06-1.78 1.56-.47.53-.82 1.11-1.04 1.71-.21.59-.32 1.28-.32 2.03v1.74h5.23v-1.52c0-.34.04-.63.13-.85.08-.21.25-.43.5-.67.3-.28.75-.64 1.33-1.07.82-.6 1.52-1.18 2.08-1.72.59-.58 1.04-1.23 1.34-1.92.3-.69.45-1.51.45-2.44 0-1.77-.67-3.25-1.98-4.39Zm-.36.51-.05-.05.05.05ZM33.53 38.33c-.62-.46-1.37-.69-2.21-.69s-1.62.23-2.24.69c-.68.5-1.03 1.34-1.03 2.49s.34 1.93 1.02 2.45c.63.49 1.39.73 2.26.73s1.6-.25 2.23-.73c.67-.52 1.02-1.35 1.02-2.45s-.35-1.99-1.03-2.49Z'/%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-help;
}