content-certificate
Introduced in v2.5.0
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><path fill="#FFC857" d="M6.449.998c-.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"/><path fill="#E8A33D" d="M14.041 7.999c.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-.96-.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.867zm-.634.772c.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-.008c.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.771z"/><path fill="#FFF" d="m8 3.53.772-.936c.362-.439.64-.596.779-.596.018 0 .036.003.055.008.178.048.342.404.43.93l.199 1.198 1.138-.426c.376-.14.618-.17.754-.17.188 0 .24.052.262.074.127.127.09.516-.097 1.014l-.427 1.138 1.199.2c.526.087.883.252.93.429.048.177-.178.497-.588.835L12.469 8l.937.772c.41.338.635.658.588.835-.048.177-.404.342-.929.43l-1.199.199.427 1.138c.187.499.224.888.096 1.015-.021.021-.075.074-.264.074-.137 0-.377-.03-.751-.17l-1.139-.428-.199 1.2c-.087.525-.252.881-.429.929a.191.191 0 0 1-.058.009c-.137 0-.414-.157-.777-.597L8 12.47V3.53z" opacity=".3"/></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><path fill="#FFC857" d="M6.449.998c-.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"/><path fill="#E8A33D" d="M14.041 7.999c.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-.96-.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.867zm-.634.772c.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-.008c.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.771z"/><path fill="#FFF" d="m8 3.53.772-.936c.362-.439.64-.596.779-.596.018 0 .036.003.055.008.178.048.342.404.43.93l.199 1.198 1.138-.426c.376-.14.618-.17.754-.17.188 0 .24.052.262.074.127.127.09.516-.097 1.014l-.427 1.138 1.199.2c.526.087.883.252.93.429.048.177-.178.497-.588.835L12.469 8l.937.772c.41.338.635.658.588.835-.048.177-.404.342-.929.43l-1.199.199.427 1.138c.187.499.224.888.096 1.015-.021.021-.075.074-.264.074-.137 0-.377-.03-.751-.17l-1.139-.428-.199 1.2c-.087.525-.252.881-.429.929a.191.191 0 0 1-.058.009c-.137 0-.414-.157-.777-.597L8 12.47V3.53z" opacity=".3"/></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/content.svg#content-certificate" /></svg>
</span>
</span>TYPO3 ViewHelper
<core:icon identifier="content-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%3e%3cpath fill='%23FFC857' d='M6.449.998c-.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%3cpath fill='%23E8A33D' d='M14.041 7.999c.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-.96-.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.867zm-.634.772c.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-.008c.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.771z'/%3e%3cpath fill='%23FFF' d='m8 3.53.772-.936c.362-.439.64-.596.779-.596.018 0 .036.003.055.008.178.048.342.404.43.93l.199 1.198 1.138-.426c.376-.14.618-.17.754-.17.188 0 .24.052.262.074.127.127.09.516-.097 1.014l-.427 1.138 1.199.2c.526.087.883.252.93.429.048.177-.178.497-.588.835L12.469 8l.937.772c.41.338.635.658.588.835-.048.177-.404.342-.929.43l-1.199.199.427 1.138c.187.499.224.888.096 1.015-.021.021-.075.074-.264.074-.137 0-.377-.03-.751-.17l-1.139-.428-.199 1.2c-.087.525-.252.881-.429.929a.191.191 0 0 1-.058.009c-.137 0-.414-.157-.777-.597L8 12.47V3.53z' opacity='.3'/%3e%3c/g%3e%3c/svg%3e");
}Sass Background Variable
@import "@typo3/icons/dist/icons.scss";
@import "@typo3/icons/dist/scss/icons-variables-content.scss";
.myclass {
background-size: 1em 1em;
background-image: $icon-content-certificate;
}