module-indexed_search
Introduced in v1.0.0
Available in TYPO3
7.6 8.6 9.5 10.4 11.5 12.4 13.x
Module Menu Preview
Usage
Icon Identifier
module-indexed_searchMarkup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="var(--icon-color-accent, #ff8700)" d="M20.85 49.75h-4.68c-2.3 0-4.17-1.79-4.17-3.99V15.99c0-2.2 1.87-3.99 4.17-3.99h31.67c2.3 0 4.17 1.79 4.17 3.99V26.1c0 1.1-.9 2-2 2s-2-.9-2-2V16.03s-.07-.02-.17-.02H16.17c-.13 0-.19.06-.19.06L16 45.74s.07.02.17.02h4.68c1.1 0 2 .9 2 2s-.9 2-2 2Z"/><g fill="currentColor" opacity=".4"><path d="M30.33 32.91c.33-.5.87-.83 1.47-.9.6-.07 1.2.15 1.62.58l2.36 2.36 3.85-5.19a6.995 6.995 0 0 0-11.62 5.25c0 .44.05.86.12 1.28l2.2-3.37ZM37.61 39.19c-.35.47-.88.76-1.46.8a2.01 2.01 0 0 1-1.56-.58l-2.26-2.26-1.99 3.05A6.964 6.964 0 0 0 35 41.99c3.87 0 7-3.13 7-7 0-.52-.06-1.02-.17-1.51l-4.23 5.7Z"/></g><path fill="currentColor" d="m51.41 48.59-7.35-7.35A10.994 10.994 0 0 0 35 24.01c-6.08 0-11 4.92-11 11a10.994 10.994 0 0 0 17.23 9.06l7.35 7.35c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-2.83ZM35 42c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 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="var(--icon-color-accent, #ff8700)" d="M20.85 49.75h-4.68c-2.3 0-4.17-1.79-4.17-3.99V15.99c0-2.2 1.87-3.99 4.17-3.99h31.67c2.3 0 4.17 1.79 4.17 3.99V26.1c0 1.1-.9 2-2 2s-2-.9-2-2V16.03s-.07-.02-.17-.02H16.17c-.13 0-.19.06-.19.06L16 45.74s.07.02.17.02h4.68c1.1 0 2 .9 2 2s-.9 2-2 2Z"/><g fill="currentColor" opacity=".4"><path d="M30.33 32.91c.33-.5.87-.83 1.47-.9.6-.07 1.2.15 1.62.58l2.36 2.36 3.85-5.19a6.995 6.995 0 0 0-11.62 5.25c0 .44.05.86.12 1.28l2.2-3.37ZM37.61 39.19c-.35.47-.88.76-1.46.8a2.01 2.01 0 0 1-1.56-.58l-2.26-2.26-1.99 3.05A6.964 6.964 0 0 0 35 41.99c3.87 0 7-3.13 7-7 0-.52-.06-1.02-.17-1.51l-4.23 5.7Z"/></g><path fill="currentColor" d="m51.41 48.59-7.35-7.35A10.994 10.994 0 0 0 35 24.01c-6.08 0-11 4.92-11 11a10.994 10.994 0 0 0 17.23 9.06l7.35 7.35c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-2.83ZM35 42c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 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?v=1769809642593#module-indexed_search" /></svg>
</span>
</span>TYPO3 ViewHelper
<core:icon identifier="module-indexed_search" size="small" />TYPO3 Web Component
<typo3-backend-icon identifier="module-indexed_search" 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='var(--icon-color-accent, %23ff8700)' d='M20.85 49.75h-4.68c-2.3 0-4.17-1.79-4.17-3.99V15.99c0-2.2 1.87-3.99 4.17-3.99h31.67c2.3 0 4.17 1.79 4.17 3.99V26.1c0 1.1-.9 2-2 2s-2-.9-2-2V16.03s-.07-.02-.17-.02H16.17c-.13 0-.19.06-.19.06L16 45.74s.07.02.17.02h4.68c1.1 0 2 .9 2 2s-.9 2-2 2Z'/%3e%3cg fill='%23fff' opacity='.4'%3e%3cpath d='M30.33 32.91c.33-.5.87-.83 1.47-.9.6-.07 1.2.15 1.62.58l2.36 2.36 3.85-5.19a6.995 6.995 0 0 0-11.62 5.25c0 .44.05.86.12 1.28l2.2-3.37ZM37.61 39.19c-.35.47-.88.76-1.46.8a2.01 2.01 0 0 1-1.56-.58l-2.26-2.26-1.99 3.05A6.964 6.964 0 0 0 35 41.99c3.87 0 7-3.13 7-7 0-.52-.06-1.02-.17-1.51l-4.23 5.7Z'/%3e%3c/g%3e%3cpath fill='%23fff' d='m51.41 48.59-7.35-7.35A10.994 10.994 0 0 0 35 24.01c-6.08 0-11 4.92-11 11a10.994 10.994 0 0 0 17.23 9.06l7.35 7.35c.39.39.9.59 1.41.59s1.02-.2 1.41-.59c.78-.78.78-2.05 0-2.83ZM35 42c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 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-indexed_search;
}