Skip to content

Instantly share code, notes, and snippets.

@aosalias
Created January 25, 2016 23:17
Show Gist options
  • Save aosalias/a2479e622a7b6f76d755 to your computer and use it in GitHub Desktop.
Save aosalias/a2479e622a7b6f76d755 to your computer and use it in GitHub Desktop.
Apcera logo light and dark background - styled in css
<html>
<style>
.logo {
/* Aspect ration ~ 1:6 */
height: 28px;
width: 165px;
margin: 15px;
}
.logo path.transparent {
opacity: 0.3;
}
.logo path.stroke-0 {
fill: #00E2AF;
}
.logo path.stroke-1 {
fill: #1E86E5;
}
.logo path.stroke-2 {
fill: #00E2AF;
}
.logo.light-bg path.stroke-3 {
fill: #1864C9;
}
.logo.light-bg path.copy {
fill: #000;
}
.logo.dark-bg path.stroke-3 {
fill: #00C0AF;
}
.logo.dark-bg path.copy {
fill: #fff;
}
.logo.logo-large {
display: block;
height: 45px;
width: 267px;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="logo light-bg" viewBox="0 0 1069 180">
<!-- Logo -->
<g width="579.7" height="373.9" x="-289.8" y="-187" transform="matrix(0.476 0 0 -0.476 138.4419 91.0132)" overflow="visible">
<path d="M-68.5,164.1c-24.5,24-63.8,23.6-87.8-0.9c-24-24.5-23.6-63.8,0.9-87.8L-26.3-53.1L19-5 C33.4,10.2,47,24.6,59,37.3C-4,99.9-68.5,164.1-68.5,164.1z" class="stroke-0 transparent"></path>
<path d="M-232.5,27.1c-33.5-2.6-59.8-32.5-57.1-66.7s33.3-59.7,66.7-57.1 c33.4,2.6,107.8,6.2,141.5,8.8s59.8,32.5,57.1,66.7s-33,59.7-66.7,57.1C-124.6,33.3-199,29.6-232.5,27.1z" class="stroke-0 transparent"></path>
<path d="M94-77.7c-25.6-21.7-29.4-61.3-7.2-87.5c22.2-26.2,62-28.8,87.5-7.2s67.9,57.8,93.7,79.7 s29.4,61.3,7.2,87.5c-22.2,26.2-61.8,29-87.5,7.2S119.7-56,94-77.7z" class="stroke-0 transparent"></path>
<path d="M-126.3,60.2c-30.7,13.7-68-0.1-82-31.4s0.9-68.4,31.4-82S78.5-167.8,109.4-181.6s68,0.1,82,31.4 s-0.6,68.2-31.4,82S-95.6,46.6-126.3,60.2z" class="stroke-1"></path>
<path d="M-224.2-81.6c-23.1-24.4-22.4-64.2,2.5-87.8c24.9-23.6,64.8-21.8,87.8,2.5S78.4,57.8,101.6,82.4 s22.4,64.2-2.5,87.8s-64.6,22.1-87.8-2.5S-201.2-57.2-224.2-81.6z" class="stroke-1"></path>
<path d="M99.1,170.1c-24.9,23.6-64.6,22.1-87.8-2.5C0.2,155.8-49.7,103.1-100.9,48.9C-72.4,36.1-26.5,15.5,19-5 c39.6,41.9,73.6,77.8,82.6,87.4C124.9,107,124.1,146.6,99.1,170.1z" class="stroke-2"></path>
<path d="M-100.9,48.9C-72.4,36.1-26.5,15.5,19-5c-29.7-31.4-62.5-66.1-90.3-95.5c-49.8,22.3-93.3,41.9-105.6,47.4 c-4.7,2.1-9.1,4.8-13,7.9L-100.9,48.9z" class="stroke-3"></path>
<path d="M73.8-138.9c8.9-35.4,43.1-53.7,74.6-46.4c33.4,7.7,54.8,40.5,46.4,74.7c-2.4,9.6-50.7,224.3-50.7,224.3 c-7.8,33.4-41.2,54.1-74.6,46.3s-54.1-41.2-46.3-74.6L73.8-138.9z" class="stroke-1"></path>
<path d="M110.6,155.4c-12.3,6-26.7,7.9-41.1,4.5c-33.4-7.8-54.1-41.2-46.3-74.6L38.8,16 c30.7,32.5,55.3,58.5,62.8,66.4C120.5,102.4,123.5,132.3,110.6,155.4z" class="stroke-3"></path>
<path d="M196.7-124.7c0.4-34.7-27.1-62.3-62.4-62.3c-30.5,0-54.6,20.7-61.4,51c-0.8,3.6-26.5,118.7-26.5,118.7 s104.2-47,111.4-49.9C180.4-76.4,196.4-98.7,196.7-124.7z" class="stroke-2"></path>
</g>
<!-- 'Apcera' -->
<g>
<path d="M400.8,147.4l-10.6-25.9h-48.9l-10.6,25.9h-25.9L354.5,31h23.4l49.5,116.4H400.8z M365.8,61.5L350.5,99 h30.7L365.8,61.5z" class="copy"></path>
<path d="M499.9,112.7h-19.3v34.7h-25.4V31.8h47.2c27.6,0,44.2,16.3,44.2,40v0.3 C546.6,98.8,525.8,112.7,499.9,112.7z M520.9,72.2c0-11.4-7.9-17.5-20.6-17.5h-19.6v35.3h20.1c12.7,0,20.1-7.6,20.1-17.5V72.2z" class="copy"></path>
<path d="M629.5,149.3c-34,0-59.3-26.3-59.3-59.4v-0.3c0-32.9,24.8-59.8,60.3-59.8c21.8,0,34.8,7.3,45.6,17.8 l-16.2,18.7c-8.9-8.1-18-13-29.6-13c-19.5,0-33.5,16.2-33.5,36v0.3c0,19.8,13.7,36.3,33.5,36.3c13.2,0,21.3-5.3,30.4-13.5 l16.2,16.3C665,141.4,651.8,149.3,629.5,149.3z" class="copy"></path>
<path d="M707.1,147.4V31.8h87.2v22.6h-61.9v23.4h54.5v22.6h-54.5v24.3h62.7v22.6H707.1z" class="copy"></path>
<path d="M897.8,147.4l-24.8-37h-20v37h-25.4V31.8h52.8c27.2,0,43.6,14.4,43.6,38.1v0.3 c0,18.7-10.1,30.4-24.8,35.8l28.2,41.3H897.8z M898.3,71.2c0-10.9-7.6-16.5-20-16.5H853v33.2h25.8c12.4,0,19.5-6.6,19.5-16.3 V71.2z" class="copy"></path>
<path d="M1042.9,147.4l-10.6-25.9h-48.9l-10.6,25.9H947L996.5,31h23.4l49.5,116.4H1042.9z M1007.9,61.5L992.6,99 h30.7L1007.9,61.5z" class="copy"></path>
</g>
</svg>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment