actions-certificate
Introduced in v2.0.0
Available in TYPO3
10.4 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.449 1.998c.139 0 .417.157.779.596L8 3.53l.771-.937c.361-.439.641-.595.782-.595.018 0 .035.002.053.007.178.048.342.404.429.93l.199 1.2 1.139-.427c.376-.141.618-.171.754-.171.187 0 .239.052.261.074.126.126.088.524-.096 1.015l-.427 1.138 1.2.199c.526.087.883.252.93.429.047.177-.178.497-.588.835L12.47 8l.937.771c.41.338.635.657.587.836-.048.177-.404.341-.929.429l-1.2.199.427 1.138c.184.491.222.89.101 1.012-.023.023-.077.077-.267.077-.136 0-.377-.029-.752-.17l-1.139-.427-.199 1.2c-.087.526-.252.882-.431.93a.21.21 0 0 1-.054.007c-.139 0-.417-.157-.78-.596L8 12.47l-.772.936c-.363.44-.64.597-.777.597a.191.191 0 0 1-.058-.009c-.177-.048-.342-.404-.429-.929l-.199-1.2-1.139.428c-.374.14-.614.17-.751.17-.189 0-.243-.053-.264-.074-.128-.127-.091-.516.096-1.015l.427-1.138-1.199-.199c-.525-.088-.881-.253-.929-.43-.047-.177.178-.497.588-.835L3.531 8l-.937-.772c-.41-.338-.636-.658-.588-.835.047-.177.404-.342.93-.429l1.199-.2-.427-1.138c-.187-.498-.224-.887-.097-1.014.022-.022.074-.074.262-.074.136 0 .378.03.754.17l1.138.426.199-1.198c.088-.526.252-.882.43-.93a.215.215 0 0 1 .055-.008m0-1c-.105 0-.21.014-.314.042-.606.162-.993.743-1.158 1.731-.416-.155-.784-.233-1.104-.233-.4 0-.724.122-.969.367-.44.44-.484 1.135-.133 2.073-.988.164-1.569.551-1.731 1.157-.162.604.147 1.229.918 1.865-.771.636-1.08 1.261-.918 1.865.162.605.743.993 1.731 1.157-.352.938-.308 1.633.133 2.073.246.244.57.366.971.366.319 0 .687-.078 1.102-.234.164.988.552 1.569 1.157 1.731.105.029.211.043.317.043.505 0 1.023-.323 1.549-.961.526.639 1.045.96 1.551.96.105 0 .21-.014.314-.042.604-.162.992-.743 1.156-1.731.416.156.784.234 1.103.234.401 0 .725-.122.971-.366.439-.44.483-1.136.132-2.073.988-.164 1.569-.552 1.731-1.156.163-.604-.145-1.23-.917-1.867.771-.636 1.08-1.261.918-1.866-.163-.605-.744-.992-1.732-1.156.352-.938.308-1.633-.133-2.074-.244-.244-.568-.367-.968-.367-.32 0-.689.078-1.105.234-.164-.989-.552-1.57-1.157-1.732a1.262 1.262 0 0 0-.311-.039c-.505 0-1.027.32-1.554.959-.526-.638-1.045-.96-1.55-.96z"/></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.449 1.998c.139 0 .417.157.779.596L8 3.53l.771-.937c.361-.439.641-.595.782-.595.018 0 .035.002.053.007.178.048.342.404.429.93l.199 1.2 1.139-.427c.376-.141.618-.171.754-.171.187 0 .239.052.261.074.126.126.088.524-.096 1.015l-.427 1.138 1.2.199c.526.087.883.252.93.429.047.177-.178.497-.588.835L12.47 8l.937.771c.41.338.635.657.587.836-.048.177-.404.341-.929.429l-1.2.199.427 1.138c.184.491.222.89.101 1.012-.023.023-.077.077-.267.077-.136 0-.377-.029-.752-.17l-1.139-.427-.199 1.2c-.087.526-.252.882-.431.93a.21.21 0 0 1-.054.007c-.139 0-.417-.157-.78-.596L8 12.47l-.772.936c-.363.44-.64.597-.777.597a.191.191 0 0 1-.058-.009c-.177-.048-.342-.404-.429-.929l-.199-1.2-1.139.428c-.374.14-.614.17-.751.17-.189 0-.243-.053-.264-.074-.128-.127-.091-.516.096-1.015l.427-1.138-1.199-.199c-.525-.088-.881-.253-.929-.43-.047-.177.178-.497.588-.835L3.531 8l-.937-.772c-.41-.338-.636-.658-.588-.835.047-.177.404-.342.93-.429l1.199-.2-.427-1.138c-.187-.498-.224-.887-.097-1.014.022-.022.074-.074.262-.074.136 0 .378.03.754.17l1.138.426.199-1.198c.088-.526.252-.882.43-.93a.215.215 0 0 1 .055-.008m0-1c-.105 0-.21.014-.314.042-.606.162-.993.743-1.158 1.731-.416-.155-.784-.233-1.104-.233-.4 0-.724.122-.969.367-.44.44-.484 1.135-.133 2.073-.988.164-1.569.551-1.731 1.157-.162.604.147 1.229.918 1.865-.771.636-1.08 1.261-.918 1.865.162.605.743.993 1.731 1.157-.352.938-.308 1.633.133 2.073.246.244.57.366.971.366.319 0 .687-.078 1.102-.234.164.988.552 1.569 1.157 1.731.105.029.211.043.317.043.505 0 1.023-.323 1.549-.961.526.639 1.045.96 1.551.96.105 0 .21-.014.314-.042.604-.162.992-.743 1.156-1.731.416.156.784.234 1.103.234.401 0 .725-.122.971-.366.439-.44.483-1.136.132-2.073.988-.164 1.569-.552 1.731-1.156.163-.604-.145-1.23-.917-1.867.771-.636 1.08-1.261.918-1.866-.163-.605-.744-.992-1.732-1.156.352-.938.308-1.633-.133-2.074-.244-.244-.568-.367-.968-.367-.32 0-.689.078-1.105.234-.164-.989-.552-1.57-1.157-1.732a1.262 1.262 0 0 0-.311-.039c-.505 0-1.027.32-1.554.959-.526-.638-1.045-.96-1.55-.96z"/></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-certificate" /></svg>
</span>
</span>TYPO3 ViewHelper
<core:icon identifier="actions-certificate" 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.449 1.998c.139 0 .417.157.779.596L8 3.53l.771-.937c.361-.439.641-.595.782-.595.018 0 .035.002.053.007.178.048.342.404.429.93l.199 1.2 1.139-.427c.376-.141.618-.171.754-.171.187 0 .239.052.261.074.126.126.088.524-.096 1.015l-.427 1.138 1.2.199c.526.087.883.252.93.429.047.177-.178.497-.588.835L12.47 8l.937.771c.41.338.635.657.587.836-.048.177-.404.341-.929.429l-1.2.199.427 1.138c.184.491.222.89.101 1.012-.023.023-.077.077-.267.077-.136 0-.377-.029-.752-.17l-1.139-.427-.199 1.2c-.087.526-.252.882-.431.93a.21.21 0 0 1-.054.007c-.139 0-.417-.157-.78-.596L8 12.47l-.772.936c-.363.44-.64.597-.777.597a.191.191 0 0 1-.058-.009c-.177-.048-.342-.404-.429-.929l-.199-1.2-1.139.428c-.374.14-.614.17-.751.17-.189 0-.243-.053-.264-.074-.128-.127-.091-.516.096-1.015l.427-1.138-1.199-.199c-.525-.088-.881-.253-.929-.43-.047-.177.178-.497.588-.835L3.531 8l-.937-.772c-.41-.338-.636-.658-.588-.835.047-.177.404-.342.93-.429l1.199-.2-.427-1.138c-.187-.498-.224-.887-.097-1.014.022-.022.074-.074.262-.074.136 0 .378.03.754.17l1.138.426.199-1.198c.088-.526.252-.882.43-.93a.215.215 0 0 1 .055-.008m0-1c-.105 0-.21.014-.314.042-.606.162-.993.743-1.158 1.731-.416-.155-.784-.233-1.104-.233-.4 0-.724.122-.969.367-.44.44-.484 1.135-.133 2.073-.988.164-1.569.551-1.731 1.157-.162.604.147 1.229.918 1.865-.771.636-1.08 1.261-.918 1.865.162.605.743.993 1.731 1.157-.352.938-.308 1.633.133 2.073.246.244.57.366.971.366.319 0 .687-.078 1.102-.234.164.988.552 1.569 1.157 1.731.105.029.211.043.317.043.505 0 1.023-.323 1.549-.961.526.639 1.045.96 1.551.96.105 0 .21-.014.314-.042.604-.162.992-.743 1.156-1.731.416.156.784.234 1.103.234.401 0 .725-.122.971-.366.439-.44.483-1.136.132-2.073.988-.164 1.569-.552 1.731-1.156.163-.604-.145-1.23-.917-1.867.771-.636 1.08-1.261.918-1.866-.163-.605-.744-.992-1.732-1.156.352-.938.308-1.633-.133-2.074-.244-.244-.568-.367-.968-.367-.32 0-.689.078-1.105.234-.164-.989-.552-1.57-1.157-1.732a1.262 1.262 0 0 0-.311-.039c-.505 0-1.027.32-1.554.959-.526-.638-1.045-.96-1.55-.96z'/%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-certificate;
}