asciidoctor logo
asciidoctor from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- asciidoctor
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the asciidoctor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e40046" d="M63.173 0C28.307 0 0 28.305 0 63.17v129.255c0 34.866 28.307 63.172 63.173 63.172h129.254c34.866 0 63.17-28.306 63.17-63.172V63.171C255.597 28.305 227.294 0 192.427 0z"/><path fill="#fff" d="M108.902 127.708h16.517a5.386 5.386 0 1 1 0 10.77H63.227a5.386 5.386 0 1 1 0-10.77h34.01l.05-.118l32.188-77.417a5.39 5.39 0 0 1 4.867-3.315a5.39 5.39 0 0 1 5.084 3.341l61.943 151.042a5.386 5.386 0 1 1-9.964 4.088L134.408 66.355zm-15.069 36.34q-.029.073-.06.144l-17.108 41.16a5.386 5.386 0 1 1-9.946-4.136l15.449-37.167H51.84a5.386 5.386 0 1 1 0-10.77h62.199a5.386 5.386 0 1 1 0 10.77z"/></svg>
React
import type { SVGProps } from "react";
export function LogosAsciidoctor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e40046" d="M63.173 0C28.307 0 0 28.305 0 63.17v129.255c0 34.866 28.307 63.172 63.173 63.172h129.254c34.866 0 63.17-28.306 63.17-63.172V63.171C255.597 28.305 227.294 0 192.427 0z"/><path fill="#fff" d="M108.902 127.708h16.517a5.386 5.386 0 1 1 0 10.77H63.227a5.386 5.386 0 1 1 0-10.77h34.01l.05-.118l32.188-77.417a5.39 5.39 0 0 1 4.867-3.315a5.39 5.39 0 0 1 5.084 3.341l61.943 151.042a5.386 5.386 0 1 1-9.964 4.088L134.408 66.355zm-15.069 36.34q-.029.073-.06.144l-17.108 41.16a5.386 5.386 0 1 1-9.946-4.136l15.449-37.167H51.84a5.386 5.386 0 1 1 0-10.77h62.199a5.386 5.386 0 1 1 0 10.77z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#e40046" d="M63.173 0C28.307 0 0 28.305 0 63.17v129.255c0 34.866 28.307 63.172 63.173 63.172h129.254c34.866 0 63.17-28.306 63.17-63.172V63.171C255.597 28.305 227.294 0 192.427 0z"/><path fill="#fff" d="M108.902 127.708h16.517a5.386 5.386 0 1 1 0 10.77H63.227a5.386 5.386 0 1 1 0-10.77h34.01l.05-.118l32.188-77.417a5.39 5.39 0 0 1 4.867-3.315a5.39 5.39 0 0 1 5.084 3.341l61.943 151.042a5.386 5.386 0 1 1-9.964 4.088L134.408 66.355zm-15.069 36.34q-.029.073-.06.144l-17.108 41.16a5.386 5.386 0 1 1-9.946-4.136l15.449-37.167H51.84a5.386 5.386 0 1 1 0-10.77h62.199a5.386 5.386 0 1 1 0 10.77z"/></svg> </template>
CSS
.icon-asciidoctor {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23e40046%22%20d%3D%22M63.173%200C28.307%200%200%2028.305%200%2063.17v129.255c0%2034.866%2028.307%2063.172%2063.173%2063.172h129.254c34.866%200%2063.17-28.306%2063.17-63.172V63.171C255.597%2028.305%20227.294%200%20192.427%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M108.902%20127.708h16.517a5.386%205.386%200%201%201%200%2010.77H63.227a5.386%205.386%200%201%201%200-10.77h34.01l.05-.118l32.188-77.417a5.39%205.39%200%200%201%204.867-3.315a5.39%205.39%200%200%201%205.084%203.341l61.943%20151.042a5.386%205.386%200%201%201-9.964%204.088L134.408%2066.355zm-15.069%2036.34q-.029.073-.06.144l-17.108%2041.16a5.386%205.386%200%201%201-9.946-4.136l15.449-37.167H51.84a5.386%205.386%200%201%201%200-10.77h62.199a5.386%205.386%200%201%201%200%2010.77z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23e40046%22%20d%3D%22M63.173%200C28.307%200%200%2028.305%200%2063.17v129.255c0%2034.866%2028.307%2063.172%2063.173%2063.172h129.254c34.866%200%2063.17-28.306%2063.17-63.172V63.171C255.597%2028.305%20227.294%200%20192.427%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M108.902%20127.708h16.517a5.386%205.386%200%201%201%200%2010.77H63.227a5.386%205.386%200%201%201%200-10.77h34.01l.05-.118l32.188-77.417a5.39%205.39%200%200%201%204.867-3.315a5.39%205.39%200%200%201%205.084%203.341l61.943%20151.042a5.386%205.386%200%201%201-9.964%204.088L134.408%2066.355zm-15.069%2036.34q-.029.073-.06.144l-17.108%2041.16a5.386%205.386%200%201%201-9.946-4.136l15.449-37.167H51.84a5.386%205.386%200%201%201%200-10.77h62.199a5.386%205.386%200%201%201%200%2010.77z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/asciidoctor.svg?color=%231a73e8&size=48
