actions-brand-windows
Introduced in v2.4.0
Available in TYPO3
11.5 12.4 13.x
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
Button Label Button Label
Usage
Markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M2 3.7 6.9 3v4.7L2 7.8V3.7zm4.9 4.6V13L2 12.4V8.3h4.9zm.6-5.4L14 2v5.7H7.5V2.9zM14 8.3V14l-6.5-.9V8.3H14z"/></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="M2 3.7 6.9 3v4.7L2 7.8V3.7zm4.9 4.6V13L2 12.4V8.3h4.9zm.6-5.4L14 2v5.7H7.5V2.9zM14 8.3V14l-6.5-.9V8.3H14z"/></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-windows" /></svg>
</span>
</span>
TYPO3 ViewHelper
<core:icon identifier="actions-brand-windows" 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='M2 3.7 6.9 3v4.7L2 7.8V3.7zm4.9 4.6V13L2 12.4V8.3h4.9zm.6-5.4L14 2v5.7H7.5V2.9zM14 8.3V14l-6.5-.9V8.3H14z'/%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-windows;
}
Alias
- information-os-windows