actions-cookie
Introduced in v2.3.0
Available in TYPO3
11.5
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="M6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM6 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/><path d="M7.301 15.074c-.137 0-.276-.009-.417-.031-.566-.09-1.042-.369-1.502-.639a10.796 10.796 0 0 0-.501-.281c-.163-.083-.334-.156-.507-.231-.467-.201-.996-.43-1.416-.85-.421-.421-.65-.951-.852-1.419-.074-.172-.147-.343-.229-.504-.085-.168-.183-.333-.28-.498-.271-.461-.55-.938-.64-1.506-.089-.571.029-1.109.145-1.628.042-.188.083-.375.112-.562.029-.183.046-.371.064-.56.048-.507.102-1.082.368-1.603.256-.503.667-.868 1.064-1.221.146-.13.294-.261.433-.399.138-.138.268-.286.399-.432.353-.397.718-.808 1.221-1.064.521-.266 1.096-.32 1.603-.368.189-.018.377-.035.56-.064.186-.029.373-.071.561-.112C8.008.987 8.545.869 9.116.957c.567.089 1.044.369 1.504.639.166.097.331.195.5.281.162.083.333.156.505.23.468.202.997.431 1.418.851.42.42.648.949.85 1.416.075.173.148.344.231.506.087.17.184.336.281.502.27.46.549.937.639 1.503.09.572-.029 1.11-.145 1.631a8.664 8.664 0 0 0-.112.56 8.465 8.465 0 0 0-.064.562c-.048.506-.102 1.08-.367 1.601-.258.505-.669.87-1.067 1.224-.146.13-.292.26-.43.396-.137.138-.267.284-.396.43-.354.398-.719.811-1.224 1.067-.521.266-1.094.319-1.601.367-.189.018-.379.035-.562.064-.186.029-.373.07-.56.112-.393.086-.795.175-1.215.175zM8.702 1.926c-.313 0-.649.074-.999.152-.208.046-.416.091-.622.124a9.531 9.531 0 0 1-.622.071c-.458.043-.891.084-1.242.263-.335.171-.623.495-.928.838-.143.161-.288.323-.44.475s-.314.297-.476.44c-.342.305-.666.592-.837.927-.179.351-.22.784-.263 1.242-.02.21-.04.419-.071.622-.033.207-.078.415-.124.623-.099.448-.193.872-.133 1.256.06.381.281.757.514 1.156.107.182.214.364.309.55.092.181.174.37.256.562.183.423.355.822.641 1.108.285.284.683.457 1.105.639.192.084.383.167.564.259.186.095.37.202.553.31.397.232.773.453 1.153.513.383.062.809-.032 1.259-.133.207-.046.414-.091.619-.124.204-.032.414-.052.625-.072.457-.042.889-.083 1.239-.262.336-.171.625-.496.93-.84.143-.161.286-.322.438-.474s.312-.295.473-.437c.344-.306.669-.595.841-.931.179-.351.219-.782.262-1.24.021-.211.04-.42.072-.624.033-.206.078-.413.124-.62.1-.45.193-.874.133-1.258-.06-.38-.28-.756-.513-1.153-.107-.184-.215-.367-.31-.554-.092-.18-.175-.371-.259-.563-.182-.422-.354-.821-.639-1.105-.285-.285-.685-.458-1.106-.64-.192-.083-.383-.165-.563-.257-.186-.095-.369-.202-.552-.309-.397-.234-.773-.455-1.154-.515a1.672 1.672 0 0 0-.257-.019z"/></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="M6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM6 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/><path d="M7.301 15.074c-.137 0-.276-.009-.417-.031-.566-.09-1.042-.369-1.502-.639a10.796 10.796 0 0 0-.501-.281c-.163-.083-.334-.156-.507-.231-.467-.201-.996-.43-1.416-.85-.421-.421-.65-.951-.852-1.419-.074-.172-.147-.343-.229-.504-.085-.168-.183-.333-.28-.498-.271-.461-.55-.938-.64-1.506-.089-.571.029-1.109.145-1.628.042-.188.083-.375.112-.562.029-.183.046-.371.064-.56.048-.507.102-1.082.368-1.603.256-.503.667-.868 1.064-1.221.146-.13.294-.261.433-.399.138-.138.268-.286.399-.432.353-.397.718-.808 1.221-1.064.521-.266 1.096-.32 1.603-.368.189-.018.377-.035.56-.064.186-.029.373-.071.561-.112C8.008.987 8.545.869 9.116.957c.567.089 1.044.369 1.504.639.166.097.331.195.5.281.162.083.333.156.505.23.468.202.997.431 1.418.851.42.42.648.949.85 1.416.075.173.148.344.231.506.087.17.184.336.281.502.27.46.549.937.639 1.503.09.572-.029 1.11-.145 1.631a8.664 8.664 0 0 0-.112.56 8.465 8.465 0 0 0-.064.562c-.048.506-.102 1.08-.367 1.601-.258.505-.669.87-1.067 1.224-.146.13-.292.26-.43.396-.137.138-.267.284-.396.43-.354.398-.719.811-1.224 1.067-.521.266-1.094.319-1.601.367-.189.018-.379.035-.562.064-.186.029-.373.07-.56.112-.393.086-.795.175-1.215.175zM8.702 1.926c-.313 0-.649.074-.999.152-.208.046-.416.091-.622.124a9.531 9.531 0 0 1-.622.071c-.458.043-.891.084-1.242.263-.335.171-.623.495-.928.838-.143.161-.288.323-.44.475s-.314.297-.476.44c-.342.305-.666.592-.837.927-.179.351-.22.784-.263 1.242-.02.21-.04.419-.071.622-.033.207-.078.415-.124.623-.099.448-.193.872-.133 1.256.06.381.281.757.514 1.156.107.182.214.364.309.55.092.181.174.37.256.562.183.423.355.822.641 1.108.285.284.683.457 1.105.639.192.084.383.167.564.259.186.095.37.202.553.31.397.232.773.453 1.153.513.383.062.809-.032 1.259-.133.207-.046.414-.091.619-.124.204-.032.414-.052.625-.072.457-.042.889-.083 1.239-.262.336-.171.625-.496.93-.84.143-.161.286-.322.438-.474s.312-.295.473-.437c.344-.306.669-.595.841-.931.179-.351.219-.782.262-1.24.021-.211.04-.42.072-.624.033-.206.078-.413.124-.62.1-.45.193-.874.133-1.258-.06-.38-.28-.756-.513-1.153-.107-.184-.215-.367-.31-.554-.092-.18-.175-.371-.259-.563-.182-.422-.354-.821-.639-1.105-.285-.285-.685-.458-1.106-.64-.192-.083-.383-.165-.563-.257-.186-.095-.369-.202-.552-.309-.397-.234-.773-.455-1.154-.515a1.672 1.672 0 0 0-.257-.019z"/></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-cookie" /></svg>
</span>
</span>TYPO3 ViewHelper
<core:icon identifier="actions-cookie" 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='M6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM10 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM6 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3e%3cpath d='M7.301 15.074c-.137 0-.276-.009-.417-.031-.566-.09-1.042-.369-1.502-.639a10.796 10.796 0 0 0-.501-.281c-.163-.083-.334-.156-.507-.231-.467-.201-.996-.43-1.416-.85-.421-.421-.65-.951-.852-1.419-.074-.172-.147-.343-.229-.504-.085-.168-.183-.333-.28-.498-.271-.461-.55-.938-.64-1.506-.089-.571.029-1.109.145-1.628.042-.188.083-.375.112-.562.029-.183.046-.371.064-.56.048-.507.102-1.082.368-1.603.256-.503.667-.868 1.064-1.221.146-.13.294-.261.433-.399.138-.138.268-.286.399-.432.353-.397.718-.808 1.221-1.064.521-.266 1.096-.32 1.603-.368.189-.018.377-.035.56-.064.186-.029.373-.071.561-.112C8.008.987 8.545.869 9.116.957c.567.089 1.044.369 1.504.639.166.097.331.195.5.281.162.083.333.156.505.23.468.202.997.431 1.418.851.42.42.648.949.85 1.416.075.173.148.344.231.506.087.17.184.336.281.502.27.46.549.937.639 1.503.09.572-.029 1.11-.145 1.631a8.664 8.664 0 0 0-.112.56 8.465 8.465 0 0 0-.064.562c-.048.506-.102 1.08-.367 1.601-.258.505-.669.87-1.067 1.224-.146.13-.292.26-.43.396-.137.138-.267.284-.396.43-.354.398-.719.811-1.224 1.067-.521.266-1.094.319-1.601.367-.189.018-.379.035-.562.064-.186.029-.373.07-.56.112-.393.086-.795.175-1.215.175zM8.702 1.926c-.313 0-.649.074-.999.152-.208.046-.416.091-.622.124a9.531 9.531 0 0 1-.622.071c-.458.043-.891.084-1.242.263-.335.171-.623.495-.928.838-.143.161-.288.323-.44.475s-.314.297-.476.44c-.342.305-.666.592-.837.927-.179.351-.22.784-.263 1.242-.02.21-.04.419-.071.622-.033.207-.078.415-.124.623-.099.448-.193.872-.133 1.256.06.381.281.757.514 1.156.107.182.214.364.309.55.092.181.174.37.256.562.183.423.355.822.641 1.108.285.284.683.457 1.105.639.192.084.383.167.564.259.186.095.37.202.553.31.397.232.773.453 1.153.513.383.062.809-.032 1.259-.133.207-.046.414-.091.619-.124.204-.032.414-.052.625-.072.457-.042.889-.083 1.239-.262.336-.171.625-.496.93-.84.143-.161.286-.322.438-.474s.312-.295.473-.437c.344-.306.669-.595.841-.931.179-.351.219-.782.262-1.24.021-.211.04-.42.072-.624.033-.206.078-.413.124-.62.1-.45.193-.874.133-1.258-.06-.38-.28-.756-.513-1.153-.107-.184-.215-.367-.31-.554-.092-.18-.175-.371-.259-.563-.182-.422-.354-.821-.639-1.105-.285-.285-.685-.458-1.106-.64-.192-.083-.383-.165-.563-.257-.186-.095-.369-.202-.552-.309-.397-.234-.773-.455-1.154-.515a1.672 1.672 0 0 0-.257-.019z'/%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-cookie;
}