apps-pagetree-page-backend-user-root

Introduced in v1.0.0
Available in TYPO3 7.6 8.6 9.5 10.4 11.5

Buttons

Button Label Button Label

Button Label Button Label

Usage

Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="2 -3 16 16"><g><circle cx="10" cy="5" r="8" fill="#59F"/><path fill="#AAD400" d="M16.973 4.378a7.034 7.034 0 0 0-3.545-5.48c-.092.097-.117.04-.117.137-.277.097-.646-.097-.923-.194a3.23 3.23 0 0 0-2.122-.097c-.277.097-.922.194-.646.776.184.292.645.583 1.107.195.184-.194.37-.485.645-.194.093.098.093.195.093.292-.093.29-.37.388-.646.388-.37.097-.74 0-1.108.097-.37.097-.923.194-.923.68 0 .58-.185.678-.647.775-.37 0-.553.194-.37.582.093.29.37.29.555.194.738-.388 1.384-1.358 2.214-.194l.184-.097c.185-.776.37-.29.554 0l.277.29c1.107-1.066.83.486 1.2.776-.74-.194-1.57.582-2.215.097-1.107-.872-1.845-.484-2.86.388-.83.68-1.015 1.552-.83 2.328.276.97 1.29 1.067 2.122.873.276-.098.83-.098.83.096-.185.873.83 1.455.46 2.424-.276.776.186 1.746.83 2.037.647.29 1.2-.485 1.478-1.164.092-.097 0-.29.092-.388.738-.97.646-2.424 1.568-3.394.277-.29 1.2-1.357.46-2.23 1.754-.485 1.11 1.26 1.478 2.037.276-.582.46-1.164.645-1.65.092-.29.16-.38.16-.38zM6.948-.79c.29-.306.303-.356.594-.765A6.738 6.738 0 0 0 5.619-.456l.168.177h.873s.097 0 .097-.1l.097-.103s.097 0 .097-.102l.096-.102.097-.103c-.29.205-.29.103-.194 0 0 .103 0 .103 0 0 0 .103 0 0 0 0L6.948-.79zM5.666 8.65s-.096-.092 0 0c-.096-.092-.096-.092 0 0v-.276l-.096-.092c-.095 0-.095-.093-.19-.093s-.19-.093-.286-.093h-.191s-.095 0-.095-.092c-.668-.37-.953-1.015-1.144-1.752 0-.185-.095-.37-.095-.554-.094-.093-.094-.185-.19-.278-.19-.184-.094-.553.096-.922v-.184c0-.093 0-.093.095-.185 0-.09 0-.09.096-.183.19-.37.572-.646.762-.923.095-.092.095-.092.095-.184v-.092c.095-.092.095-.277.19-.37 0-.09.096-.276.096-.368 0-.185 0-.277-.096-.46-.096-.278-.154-.518-.344-.703-.858 1.2-1.37 2.546-1.37 4.113 0 2.123.903 4.006 2.414 5.324 0 0 .061.026.061-.064v-.094c0-.092.095-.092.095-.184.096-.37.096-.922.097-1.291z"/><path fill="#212121" d="M10 13c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm0-15C6.14-2 3 1.14 3 5c0 3.859 3.14 7 7 7 3.859 0 7-3.141 7-7 0-3.86-3.141-7-7-7z" opacity=".2"/></g><g><path fill="#666" d="M12.725 2h-.45c-1.457 0-2.687 1.205-2.687 2.631v1.237c0 .649.287 1.38.769 1.99a3.108 3.108 0 0 1-.044.301l-.288.127c-.441.196-.896.398-1.456.558l-.116.033-.105.06C8.135 9.059 7 9.809 7 12v1h11v-1c0-2.275-1.175-2.978-1.396-3.088l-.084-.042-.089-.026c-.562-.16-1.019-.364-1.461-.56l-.255-.113a3.819 3.819 0 0 1-.053-.338c.47-.606.751-1.327.751-1.966V4.631C15.412 3.156 14.232 2 12.725 2z"/><path fill="#FFC857" d="M16.156 9.806c-.949-.271-1.612-.642-2.272-.896-.063-.207-.214-.574-.25-1.418.454-.457.779-1.103.779-1.623V4.631c0-.9-.731-1.631-1.688-1.631h-.45c-.9 0-1.688.731-1.688 1.631v1.237c0 .525.329 1.177.789 1.635-.015.829-.171 1.194-.245 1.401-.666.254-1.331.629-2.287.902 0 0-.787.45-.844 2.194h9c-.056-1.8-.844-2.194-.844-2.194z"/><path fill="#59F" d="M16.156 9.806c-.95-.271-1.612-.642-2.273-.897.04.131.047.197-.034.278-.675.731-2.081.675-2.7 0-.082-.082-.066-.149-.017-.284-.666.254-1.332.629-2.289.903 0 0-.787.45-.844 2.194H17c-.056-1.8-.844-2.194-.844-2.194z"/></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="2 -3 16 16"><g><circle cx="10" cy="5" r="8" fill="#59F"/><path fill="#AAD400" d="M16.973 4.378a7.034 7.034 0 0 0-3.545-5.48c-.092.097-.117.04-.117.137-.277.097-.646-.097-.923-.194a3.23 3.23 0 0 0-2.122-.097c-.277.097-.922.194-.646.776.184.292.645.583 1.107.195.184-.194.37-.485.645-.194.093.098.093.195.093.292-.093.29-.37.388-.646.388-.37.097-.74 0-1.108.097-.37.097-.923.194-.923.68 0 .58-.185.678-.647.775-.37 0-.553.194-.37.582.093.29.37.29.555.194.738-.388 1.384-1.358 2.214-.194l.184-.097c.185-.776.37-.29.554 0l.277.29c1.107-1.066.83.486 1.2.776-.74-.194-1.57.582-2.215.097-1.107-.872-1.845-.484-2.86.388-.83.68-1.015 1.552-.83 2.328.276.97 1.29 1.067 2.122.873.276-.098.83-.098.83.096-.185.873.83 1.455.46 2.424-.276.776.186 1.746.83 2.037.647.29 1.2-.485 1.478-1.164.092-.097 0-.29.092-.388.738-.97.646-2.424 1.568-3.394.277-.29 1.2-1.357.46-2.23 1.754-.485 1.11 1.26 1.478 2.037.276-.582.46-1.164.645-1.65.092-.29.16-.38.16-.38zM6.948-.79c.29-.306.303-.356.594-.765A6.738 6.738 0 0 0 5.619-.456l.168.177h.873s.097 0 .097-.1l.097-.103s.097 0 .097-.102l.096-.102.097-.103c-.29.205-.29.103-.194 0 0 .103 0 .103 0 0 0 .103 0 0 0 0L6.948-.79zM5.666 8.65s-.096-.092 0 0c-.096-.092-.096-.092 0 0v-.276l-.096-.092c-.095 0-.095-.093-.19-.093s-.19-.093-.286-.093h-.191s-.095 0-.095-.092c-.668-.37-.953-1.015-1.144-1.752 0-.185-.095-.37-.095-.554-.094-.093-.094-.185-.19-.278-.19-.184-.094-.553.096-.922v-.184c0-.093 0-.093.095-.185 0-.09 0-.09.096-.183.19-.37.572-.646.762-.923.095-.092.095-.092.095-.184v-.092c.095-.092.095-.277.19-.37 0-.09.096-.276.096-.368 0-.185 0-.277-.096-.46-.096-.278-.154-.518-.344-.703-.858 1.2-1.37 2.546-1.37 4.113 0 2.123.903 4.006 2.414 5.324 0 0 .061.026.061-.064v-.094c0-.092.095-.092.095-.184.096-.37.096-.922.097-1.291z"/><path fill="#212121" d="M10 13c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm0-15C6.14-2 3 1.14 3 5c0 3.859 3.14 7 7 7 3.859 0 7-3.141 7-7 0-3.86-3.141-7-7-7z" opacity=".2"/></g><g><path fill="#666" d="M12.725 2h-.45c-1.457 0-2.687 1.205-2.687 2.631v1.237c0 .649.287 1.38.769 1.99a3.108 3.108 0 0 1-.044.301l-.288.127c-.441.196-.896.398-1.456.558l-.116.033-.105.06C8.135 9.059 7 9.809 7 12v1h11v-1c0-2.275-1.175-2.978-1.396-3.088l-.084-.042-.089-.026c-.562-.16-1.019-.364-1.461-.56l-.255-.113a3.819 3.819 0 0 1-.053-.338c.47-.606.751-1.327.751-1.966V4.631C15.412 3.156 14.232 2 12.725 2z"/><path fill="#FFC857" d="M16.156 9.806c-.949-.271-1.612-.642-2.272-.896-.063-.207-.214-.574-.25-1.418.454-.457.779-1.103.779-1.623V4.631c0-.9-.731-1.631-1.688-1.631h-.45c-.9 0-1.688.731-1.688 1.631v1.237c0 .525.329 1.177.789 1.635-.015.829-.171 1.194-.245 1.401-.666.254-1.331.629-2.287.902 0 0-.787.45-.844 2.194h9c-.056-1.8-.844-2.194-.844-2.194z"/><path fill="#59F" d="M16.156 9.806c-.95-.271-1.612-.642-2.273-.897.04.131.047.197-.034.278-.675.731-2.081.675-2.7 0-.082-.082-.066-.149-.017-.284-.666.254-1.332.629-2.289.903 0 0-.787.45-.844 2.194H17c-.056-1.8-.844-2.194-.844-2.194z"/></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/apps.svg#apps-pagetree-page-backend-user-root" /></svg>
    </span>
</span>

TYPO3 ViewHelper

<core:icon identifier="apps-pagetree-page-backend-user-root" 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='2 -3 16 16'%3e%3cg%3e%3ccircle cx='10' cy='5' r='8' fill='%2359F'/%3e%3cpath fill='%23AAD400' d='M16.973 4.378a7.034 7.034 0 0 0-3.545-5.48c-.092.097-.117.04-.117.137-.277.097-.646-.097-.923-.194a3.23 3.23 0 0 0-2.122-.097c-.277.097-.922.194-.646.776.184.292.645.583 1.107.195.184-.194.37-.485.645-.194.093.098.093.195.093.292-.093.29-.37.388-.646.388-.37.097-.74 0-1.108.097-.37.097-.923.194-.923.68 0 .58-.185.678-.647.775-.37 0-.553.194-.37.582.093.29.37.29.555.194.738-.388 1.384-1.358 2.214-.194l.184-.097c.185-.776.37-.29.554 0l.277.29c1.107-1.066.83.486 1.2.776-.74-.194-1.57.582-2.215.097-1.107-.872-1.845-.484-2.86.388-.83.68-1.015 1.552-.83 2.328.276.97 1.29 1.067 2.122.873.276-.098.83-.098.83.096-.185.873.83 1.455.46 2.424-.276.776.186 1.746.83 2.037.647.29 1.2-.485 1.478-1.164.092-.097 0-.29.092-.388.738-.97.646-2.424 1.568-3.394.277-.29 1.2-1.357.46-2.23 1.754-.485 1.11 1.26 1.478 2.037.276-.582.46-1.164.645-1.65.092-.29.16-.38.16-.38zM6.948-.79c.29-.306.303-.356.594-.765A6.738 6.738 0 0 0 5.619-.456l.168.177h.873s.097 0 .097-.1l.097-.103s.097 0 .097-.102l.096-.102.097-.103c-.29.205-.29.103-.194 0 0 .103 0 .103 0 0 0 .103 0 0 0 0L6.948-.79zM5.666 8.65s-.096-.092 0 0c-.096-.092-.096-.092 0 0v-.276l-.096-.092c-.095 0-.095-.093-.19-.093s-.19-.093-.286-.093h-.191s-.095 0-.095-.092c-.668-.37-.953-1.015-1.144-1.752 0-.185-.095-.37-.095-.554-.094-.093-.094-.185-.19-.278-.19-.184-.094-.553.096-.922v-.184c0-.093 0-.093.095-.185 0-.09 0-.09.096-.183.19-.37.572-.646.762-.923.095-.092.095-.092.095-.184v-.092c.095-.092.095-.277.19-.37 0-.09.096-.276.096-.368 0-.185 0-.277-.096-.46-.096-.278-.154-.518-.344-.703-.858 1.2-1.37 2.546-1.37 4.113 0 2.123.903 4.006 2.414 5.324 0 0 .061.026.061-.064v-.094c0-.092.095-.092.095-.184.096-.37.096-.922.097-1.291z'/%3e%3cpath fill='%23212121' d='M10 13c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm0-15C6.14-2 3 1.14 3 5c0 3.859 3.14 7 7 7 3.859 0 7-3.141 7-7 0-3.86-3.141-7-7-7z' opacity='.2'/%3e%3c/g%3e%3cg%3e%3cpath fill='%23666' d='M12.725 2h-.45c-1.457 0-2.687 1.205-2.687 2.631v1.237c0 .649.287 1.38.769 1.99a3.108 3.108 0 0 1-.044.301l-.288.127c-.441.196-.896.398-1.456.558l-.116.033-.105.06C8.135 9.059 7 9.809 7 12v1h11v-1c0-2.275-1.175-2.978-1.396-3.088l-.084-.042-.089-.026c-.562-.16-1.019-.364-1.461-.56l-.255-.113a3.819 3.819 0 0 1-.053-.338c.47-.606.751-1.327.751-1.966V4.631C15.412 3.156 14.232 2 12.725 2z'/%3e%3cpath fill='%23FFC857' d='M16.156 9.806c-.949-.271-1.612-.642-2.272-.896-.063-.207-.214-.574-.25-1.418.454-.457.779-1.103.779-1.623V4.631c0-.9-.731-1.631-1.688-1.631h-.45c-.9 0-1.688.731-1.688 1.631v1.237c0 .525.329 1.177.789 1.635-.015.829-.171 1.194-.245 1.401-.666.254-1.331.629-2.287.902 0 0-.787.45-.844 2.194h9c-.056-1.8-.844-2.194-.844-2.194z'/%3e%3cpath fill='%2359F' d='M16.156 9.806c-.95-.271-1.612-.642-2.273-.897.04.131.047.197-.034.278-.675.731-2.081.675-2.7 0-.082-.082-.066-.149-.017-.284-.666.254-1.332.629-2.289.903 0 0-.787.45-.844 2.194H17c-.056-1.8-.844-2.194-.844-2.194z'/%3e%3c/g%3e%3c/svg%3e");
}

Sass Background Variable

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

.myclass {
    background-size: 1em 1em;
    background-image: $icon-apps-pagetree-page-backend-user-root;
}

Download

Download