Skip to content

Instantly share code, notes, and snippets.

@starryeyez024
Created January 14, 2021 03:57
Show Gist options
  • Save starryeyez024/bf4babfd6d709719f0a30dc70a4c31e7 to your computer and use it in GitHub Desktop.
Save starryeyez024/bf4babfd6d709719f0a30dc70a4c31e7 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
div {
display: flex;
}
svg {
width: 300px;
}
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 939 160" style="enable-background:new 0 0 939 160;" xml:space="preserve">
<style type="text/css">
.st0{fill:#B8BBBE;}
.st1{fill:#FFFFFF;}
</style>
<g>
<g>
<path class="st0" d="M319.2,7.3h25.6c11.2,0,18.8,6.8,18.8,16.7c0,7.4-4.5,13.1-11.6,15.5l12.6,24.3h-9.4l-11.7-23.2h-15.9v23.2
h-8.5L319.2,7.3z M327.6,14.7v18.9h16.5c6.6,0,11-3.8,11-9.4s-4.4-9.4-11-9.4L327.6,14.7L327.6,14.7z"/>
<path class="st0" d="M388.6,64.5c-11.7,0.2-21.3-9.1-21.5-20.8c0-0.2,0-0.3,0-0.5c0-11.9,9.1-21.2,20.6-21.2
c11.3,0,19.8,9.4,19.8,21.4v2.3h-32.4c1,6.8,7,11.9,13.9,11.8c3.8,0.1,7.5-1.2,10.4-3.6l5.2,5C400,62.7,394.4,64.6,388.6,64.5z
M375.1,39.8h24.4c-1.2-6.3-6-11-12-11C381.2,28.8,376.3,33.3,375.1,39.8z"/>
<path class="st0" d="M446.7,59.9c-3.5,2.9-8,4.5-12.6,4.5c-11.6,0-20.7-9.3-20.7-21.2c-0.2-11.5,9-21,20.6-21.2
c4.6-0.1,9,1.4,12.7,4.1V7.3l8.1-1.8v58.2h-8L446.7,59.9z M435.3,57.4c4.3,0.1,8.5-1.7,11.4-4.9V33.8c-2.9-3.2-7.1-4.9-11.4-4.8
c-7.6-0.1-13.8,5.9-14,13.5c0,0.2,0,0.4,0,0.6c-0.2,7.7,5.8,14,13.5,14.3C434.9,57.4,435.1,57.4,435.3,57.4z"/>
<path class="st0" d="M482,7.3h8.5v24.2h30V7.3h8.5v56.4h-8.5V39.2h-30v24.6H482V7.3z"/>
<path class="st0" d="M536.6,52c0-7.7,6.3-12.5,16.6-12.5c3.9,0,7.7,0.8,11.2,2.3v-4.4c0-5.8-3.5-8.7-10-8.7c-3.8,0-7.7,1-12.7,3.5
l-3-6c6.1-2.9,11.4-4.2,16.9-4.2c10.6,0,16.8,5.2,16.8,14.7v27.2h-7.9v-3.6c-3.6,2.9-8.1,4.4-12.8,4.3
C542.7,64.5,536.6,59.4,536.6,52z M553.5,58.5c4,0.1,7.9-1.2,10.9-3.9v-7.1c-3.2-1.7-6.9-2.6-10.6-2.5c-5.9,0-9.5,2.7-9.5,6.8
C544.4,55.8,548.1,58.5,553.5,58.5z"/>
<path class="st0" d="M585.3,29.5h-8.7v-6.8h8.7V12.2l8-1.9v12.4h12.1v6.8h-12.1v22.3c0,4.2,1.7,5.7,6,5.7c2,0,4-0.3,5.9-1v6.8
c-2.5,0.8-5.1,1.2-7.7,1.2c-8,0-12.3-3.8-12.3-10.9L585.3,29.5z"/>
<path class="st0" d="M361.9,131.2l7.6,7.6c-5.9,6.6-14.3,10.4-23.2,10.4c-17,0-30.1-12.7-30.1-29s13.1-29.1,30.1-29.1
c9.1,0,18.2,4.1,23.5,10.6l-7.9,7.8c-3.7-4.8-9.5-7.7-15.6-7.7c-10.2,0-18.1,7.9-18.1,18.4c-0.2,9.9,7.7,18.1,17.6,18.2
c0.3,0,0.6,0,0.8,0C352.6,138.4,358.2,135.8,361.9,131.2z"/>
<path class="st0" d="M384.8,130.8c0,5.4,3.5,8.9,8.7,8.9c3.4,0.2,6.7-1.4,8.7-4.2v-29.1h11.1v42h-11.1V145
c-3.3,2.8-7.5,4.3-11.9,4.2c-9.8,0-16.6-6.9-16.6-16.8v-26h11.1L384.8,130.8z"/>
<path class="st0" d="M423.8,136.1c4.9,3.2,9.2,4.8,13.6,4.8c4.9,0,8.1-1.8,8.1-4.4c0-2.2-1.6-3.4-5.2-4l-8.1-1.2
c-8.3-1.3-12.7-5.4-12.7-12.2c0-8.1,6.8-13.3,17.5-13.3c6.1,0,12.1,1.8,17.3,5.2l-5.3,7.1c-4.6-2.7-8.7-4-13-4
c-4,0-6.6,1.6-6.6,4.1c0,2.3,1.6,3.4,5.7,4l8.1,1.2c8.2,1.2,12.8,5.5,12.8,12c0,7.9-7.8,13.9-18.4,13.9c-7.7,0-14.5-2-19.3-5.8
L423.8,136.1z"/>
<path class="st0" d="M466.4,115.7h-8.6v-9.3h8.6V95.7l11.1-2.5v13.2h11.9v9.3h-11.9v18.6c0,4,1.5,5.4,5.8,5.4c2,0,4-0.3,5.9-1v9.1
c-2.8,0.8-5.7,1.2-8.5,1.3c-9.4,0-14.2-4.3-14.2-12.5L466.4,115.7L466.4,115.7z"/>
<path class="st0" d="M514.9,105.6c12.6,0,22.4,9.6,22.4,21.9s-9.8,21.8-22.4,21.8s-22.4-9.5-22.4-21.8S502.3,105.6,514.9,105.6z
M526.5,127.4c0-6.9-5-12.3-11.6-12.3c-6.6,0-11.6,5.3-11.6,12.3c0,6.8,5,12.2,11.6,12.2C521.5,139.6,526.5,134.2,526.5,127.4z"/>
<path class="st0" d="M544.1,106.4h11.1v3.1c3-2.6,6.9-4,11-4c5-0.1,9.7,2.2,12.6,6.3c3.4-4.1,8.5-6.4,13.9-6.3
c9.4,0,16,6.9,16,16.7v26.1h-11.1v-24.5c0-5.3-3-8.8-7.9-8.8c-3.2-0.1-6.3,1.5-8.1,4.2c0.2,1,0.2,2,0.2,3v26.1h-11.1v-24.6
c0-5.3-3-8.8-7.9-8.8c-3.1-0.1-6,1.3-7.8,3.8v29.5h-11.1L544.1,106.4z"/>
<path class="st0" d="M637.8,149.2c-12.7,0-22.6-9.5-22.6-21.8c-0.2-11.8,9.3-21.6,21.1-21.8c0.2,0,0.3,0,0.5,0
c11.9,0,20.8,9.7,20.8,22.6v2.9h-31.2c1.5,5.3,6.4,8.9,11.9,8.8c3.4,0.1,6.7-1.1,9.3-3.4l7.3,6.6
C650.1,147.2,644,149.4,637.8,149.2z M626.3,123.3h20.6c-1.4-5-5.4-8.5-10.2-8.5C631.5,114.8,627.6,118.1,626.3,123.3z"/>
<path class="st0" d="M664.4,106.4h11.1v4.6c2.6-3.6,6.8-5.7,11.2-5.6c1.6-0.1,3.2,0.3,4.6,1v9.7c-1.8-0.8-3.7-1.1-5.6-1.1
c-4.3-0.1-8.3,2.4-10.2,6.3v27.2h-11.1V106.4z"/>
<path class="st0" d="M714.2,92h28.3c11.1,0,18.9,7.3,18.9,17.7c0,10.1-8,17.4-18.9,17.4h-16.6v21.3h-11.7V92z M725.9,102v15.4
h15.3c5,0,8.4-3,8.4-7.7c0-4.6-3.3-7.7-8.4-7.7H725.9z"/>
<path class="st0" d="M786.3,105.6c12.6,0,22.4,9.6,22.4,21.9s-9.8,21.8-22.4,21.8s-22.4-9.5-22.4-21.8S773.7,105.6,786.3,105.6z
M797.9,127.4c0-6.9-5-12.3-11.6-12.3s-11.6,5.3-11.6,12.3c0,6.8,5,12.2,11.6,12.2S797.9,134.2,797.9,127.4L797.9,127.4z"/>
<path class="st0" d="M815.5,106.4h11.1v4.6c2.6-3.6,6.8-5.7,11.2-5.6c1.6-0.1,3.2,0.3,4.6,1v9.7c-1.8-0.8-3.7-1.1-5.6-1.1
c-4.3-0.1-8.3,2.4-10.2,6.3v27.2h-11.1V106.4z"/>
<path class="st0" d="M854.7,115.7h-8.6v-9.3h8.6V95.7l11.1-2.5v13.2h11.9v9.3h-12v18.6c0,4,1.5,5.4,5.8,5.4c2,0,4-0.3,5.9-1v9.1
c-2.8,0.8-5.7,1.2-8.5,1.3c-9.4,0-14.2-4.3-14.2-12.5V115.7z"/>
<path class="st0" d="M881.1,136.2c0-8,6.5-12.7,17.3-12.7c3.5,0,6.9,0.6,10.2,1.6v-3c0-4.8-3-7.3-8.9-7.3c-3.5,0-7.5,1.1-12.8,3.5
l-4-8.1c5.8-2.9,12.2-4.4,18.7-4.5c11.4,0,17.9,5.6,17.9,15.6v27.2h-10.9v-2.9c-3.6,2.5-7.8,3.8-12.2,3.6
C887.4,149.2,881.1,143.9,881.1,136.2z M899.4,141.3c3.3,0.1,6.5-0.8,9.3-2.7v-6.3c-2.8-1.1-5.8-1.6-8.9-1.5c-5,0-8.1,2-8.1,5.2
C891.7,139.3,894.7,141.2,899.4,141.3L899.4,141.3z"/>
<path class="st0" d="M939,148.4h-11.1V92l11.1-2.4V148.4z"/>
</g>
<path id="Dividing_line" class="st0" d="M255.5,160c-1.3,0-2.3-1-2.3-2.3V2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3v155.5
C257.8,159,256.8,160,255.5,160z"/>
<g id="Hat_icon">
<path id="Red_hat" class="st0" d="M128,91c12.6,0,30.9-2.6,30.9-17.6c0-1.2-0.1-2.3-0.3-3.4l-7.5-32.6
c-1.7-7.2-3.3-10.4-15.9-16.7c-9.8-5-31.1-13.3-37.4-13.3c-5.9,0-7.6,7.6-14.6,7.6c-6.7,0-11.7-5.6-18-5.6c-6,0-10,4.1-13,12.6
c0,0-8.5,23.9-9.6,27.4c-0.2,0.6-0.3,1.3-0.3,2C42.4,60.5,79,91,128,91z M160.8,79.4c1.7,8.3,1.7,9.1,1.7,10.2
c0,14.1-15.9,21.9-36.7,21.9c-47.1,0-88.4-27.6-88.4-45.8c0-2.5,0.5-5.1,1.5-7.4C21.9,59.2,0,62.2,0,81.6
c0,31.7,75.2,70.8,134.7,70.8c45.6,0,57.1-20.6,57.1-36.9C191.9,102.7,180.8,88.1,160.8,79.4L160.8,79.4z"/>
<path id="Black_band" class="st1" d="M160.8,79.4c1.7,8.3,1.7,9.1,1.7,10.2c0,14.1-15.9,21.9-36.7,21.9
c-47.1,0-88.4-27.6-88.4-45.8c0-2.5,0.5-5.1,1.5-7.4l3.7-9.1c-0.2,0.6-0.3,1.3-0.3,2C42.3,60.5,78.9,91,128,91
c12.6,0,30.9-2.6,30.9-17.6c0-1.2-0.1-2.3-0.3-3.4L160.8,79.4z"/>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 528 178" style="enable-background:new 0 0 528 178;" xml:space="preserve">
<style type="text/css">
.st0{fill:#A30000;}
.st1{fill:#EC7A08;}
.st2{fill:#0088CE;}
.st3{fill:#3F9C35;}
.st4{fill:#CC0000;}
.st5{fill:#F0AB00;}
.st6{fill:#00B9E4;}
.st7{fill:#92D400;}
</style>
<g>
<g>
<path d="M172.1,162.6v-52.3h18.5c3.7,0,7.5,0.6,10.9,2c3.2,1.2,6.2,3.1,8.7,5.4c2.5,2.4,4.5,5.2,5.8,8.4c1.4,3.3,2.1,6.9,2.1,10.5
c0.1,7-2.8,13.8-7.8,18.7c-2.5,2.3-5.5,4.1-8.7,5.3c-3.5,1.3-7.2,2-11,2H172.1z M190.7,117.2h-10.8v38.3h10.8
c2.6,0,5.2-0.5,7.6-1.5c2.3-0.9,4.4-2.3,6.2-4c1.7-1.7,3.1-3.8,4.1-6.1c1-2.4,1.5-4.9,1.5-7.5c0-5.1-2-10.1-5.6-13.8
c-1.8-1.8-3.9-3.1-6.2-4C195.9,117.7,193.3,117.2,190.7,117.2z"/>
<path d="M259.5,158.2c-4.2,3.3-9.4,5.1-14.8,4.9c-2.7,0-5.4-0.5-7.9-1.5c-2.3-1-4.4-2.3-6.3-4.1c-1.8-1.8-3.2-3.9-4.2-6.3
c-2-5-2-10.5,0-15.5c0.9-2.3,2.3-4.4,4-6.2s3.8-3.2,6.1-4.2c2.4-1,4.9-1.5,7.5-1.5c5,0,9.8,2,13.1,5.7c1.6,1.8,2.9,4,3.8,6.3
c1,2.5,1.4,5.2,1.4,7.8v2.2h-30c1,6.3,6.4,11,12.9,10.9c1.8,0,3.6-0.3,5.3-0.9c1.6-0.5,3.1-1.4,4.3-2.5L259.5,158.2z M243.7,130.2
c-2.8,0-5.4,1-7.4,2.9c-2.2,1.9-3.6,4.5-4.1,7.3h22.6c-0.5-2.8-1.9-5.3-3.9-7.3C249,131.2,246.4,130.2,243.7,130.2z"/>
<path d="M281,162.6l-16.4-38.1h8.2l12,28.5l11.9-28.5h8l-16.5,38.1H281z"/>
<path d="M341.6,158.2c-4.2,3.3-9.4,5.1-14.8,4.9c-2.7,0-5.4-0.5-7.9-1.5c-2.3-1-4.5-2.3-6.3-4.1s-3.2-3.9-4.2-6.3
c-2-5-2-10.5,0-15.5c0.9-2.3,2.3-4.4,4-6.2s3.8-3.2,6.1-4.2c2.4-1,4.9-1.5,7.5-1.5c2.5,0,5,0.5,7.3,1.5c2.2,1,4.2,2.4,5.8,4.2
c1.6,1.8,2.9,4,3.8,6.3c1,2.5,1.4,5.2,1.4,7.8v2.2h-30.1c1,6.3,6.5,11,12.9,10.9c1.8,0,3.6-0.3,5.3-0.9c1.6-0.5,3.1-1.4,4.3-2.5
L341.6,158.2z M325.8,130.2c-2.8,0-5.4,1-7.4,2.9c-2.2,1.9-3.6,4.5-4.1,7.3H337c-0.5-2.8-1.9-5.3-3.9-7.3
C331.1,131.2,328.5,130.2,325.8,130.2z"/>
<path d="M359.8,108.6v54h-7.5v-52.3L359.8,108.6z"/>
<path d="M367.8,143.5c0-2.7,0.5-5.3,1.5-7.7s2.4-4.5,4.2-6.3c5.8-5.6,14.3-7.3,21.8-4.2c7.3,3.1,12.1,10.3,12,18.2
c0,2.7-0.5,5.3-1.5,7.8c-4.3,10-15.9,14.6-25.9,10.5c-2.4-1-4.5-2.4-6.3-4.2s-3.2-3.9-4.2-6.3
C368.4,148.8,367.8,146.2,367.8,143.5z M387.6,156.7c3.3,0,6.5-1.4,8.7-3.9c4.8-5.3,4.8-13.4,0-18.7c-4.5-4.9-12.2-5.1-17-0.6
c-0.2,0.2-0.4,0.4-0.6,0.6c-2.4,2.5-3.7,5.9-3.7,9.3c-0.1,3.5,1.2,6.9,3.6,9.4C381,155.4,384.3,156.8,387.6,156.7z"/>
<path d="M415.4,178v-53.5h7.4v3.7c1.5-1.4,3.3-2.5,5.3-3.2s4.2-1.1,6.4-1.1c2.6,0,5.2,0.5,7.6,1.5c4.6,2,8.3,5.7,10.2,10.4
c1,2.4,1.5,5.1,1.5,7.7c0,2.7-0.5,5.3-1.5,7.7c-0.9,2.3-2.3,4.4-4.1,6.2c-1.8,1.8-3.9,3.2-6.2,4.2c-4.4,1.8-9.2,2-13.7,0.6
c-1.9-0.6-3.7-1.6-5.4-2.8V178H415.4z M433.5,130.4c-2.1,0-4.1,0.4-6,1.2c-1.8,0.7-3.4,1.9-4.6,3.3v17.3c1.3,1.4,2.8,2.6,4.6,3.3
c1.9,0.8,4,1.2,6,1.2c3.4,0.1,6.8-1.3,9.2-3.7c5-5.3,5-13.5,0-18.7C440.2,131.7,436.9,130.3,433.5,130.4L433.5,130.4z"/>
<path d="M494.9,158.2c-4.2,3.3-9.4,5.1-14.8,4.9c-5.3,0-10.4-2-14.2-5.7c-1.8-1.8-3.3-3.9-4.2-6.3c-2-5-2-10.5,0-15.5
c0.9-2.3,2.3-4.4,4-6.2s3.8-3.2,6.1-4.2c2.4-1,4.9-1.5,7.5-1.5c5,0,9.8,2,13.1,5.7c1.6,1.9,2.9,4,3.8,6.4c0.9,2.5,1.4,5.2,1.4,7.8
v2.2h-30.1c1,6.3,6.4,11,12.9,10.9c1.8,0,3.6-0.3,5.3-0.9c1.6-0.5,3.1-1.4,4.3-2.5L494.9,158.2z M479.1,130.2
c-2.8,0-5.4,1-7.4,2.9c-2.1,1.9-3.5,4.5-4,7.3h22.5c-0.5-2.8-1.9-5.3-3.9-7.3C484.4,131.2,481.7,130.1,479.1,130.2L479.1,130.2z"
/>
<path d="M505.6,162.6v-38.1h7.5v4.9c1.1-1.8,2.6-3.2,4.4-4.2c1.9-1,3.9-1.5,6.1-1.5c0.7,0,1.4,0,2.1,0.1c0.6,0.1,1.1,0.3,1.6,0.5
v6.6c-0.7-0.3-1.4-0.4-2.2-0.6c-0.7-0.2-1.5-0.2-2.2-0.2c-2.1,0-4.1,0.6-5.9,1.8c-1.8,1.3-3.2,3.1-4,5.2v25.5H505.6z"/>
</g>
<path d="M435.6,65.9c0,8.8,5.3,13.1,15,13.1c3-0.1,5.9-0.5,8.8-1.2V67.5c-1.8,0.6-3.7,0.9-5.6,0.9c-4,0-5.5-1.2-5.5-4.9V47.7h11.6
V37.2h-11.6V23.8l-12.7,2.7v10.7h-8.4v10.6h8.4L435.6,65.9z M396.2,66.1c0-2.7,2.7-4.1,6.9-4.1c2.5,0,5,0.3,7.5,0.9v5.4
c-2.4,1.3-5.1,2-7.9,2C398.7,70.4,396.2,68.7,396.2,66.1 M400,79.3c4.1,0.1,8-1,11.4-3.3v2.5h12.5V52c0-10.1-6.8-15.6-18.1-15.6
c-6.7,0.1-13.3,1.6-19.3,4.5l4.5,9.3c3.9-1.9,8.2-3,12.5-3.3c5.2,0,7.9,2,7.9,6.2v2c-3.1-0.8-6.2-1.2-9.4-1.2
c-10.6,0-17,4.4-17,12.4c0,7.3,5.8,12.8,15,12.8 M331.4,78.4h13.4V57.1h22.5v21.3h13.4V23.8h-13.4v21h-22.4v-21h-13.4L331.4,78.4z
M280.2,57.7c0-5.8,4.7-10.5,10.5-10.5c0.1,0,0.3,0,0.4,0c3.2,0,6.3,1.1,8.7,3.3V65c-2.4,2.2-5.5,3.4-8.7,3.3
c-5.8,0.2-10.7-4.4-10.9-10.2C280.2,58,280.2,57.9,280.2,57.7 M299.9,78.5h12.5V21.1l-12.7,2.7v15.5c-10.1-6-23.2-2.7-29.2,7.5
c-6,10.1-2.7,23.2,7.5,29.2c3.3,1.9,7,3,10.8,3c4,0,7.9-1.2,11.1-3.6L299.9,78.5z M242.7,46.8c4,0,7.5,2.7,8.7,6.6h-17.3
C235.1,49.4,238.7,46.7,242.7,46.8 M221.4,57.9c0,12,9.8,21.3,22.5,21.3c6.3,0.2,12.5-2,17.3-6.3l-8.4-7.4
c-2.2,2.1-5.2,3.3-8.3,3.1c-4.4,0.1-8.4-2.5-10.1-6.6h29.4v-3.1c0-13.1-8.8-22.6-20.9-22.6c-11.7-0.2-21.4,9.2-21.6,20.9
C221.4,57.5,221.4,57.6,221.4,57.9 M199.6,35.3c4.4,0,6.9,2.8,6.9,6.2c0,3.3-2.5,6.2-6.9,6.2h-13.3V35.3H199.6z M172.9,78.5h13.4
V58.6h10.2l10.3,19.9h15l-12-21.9c6.3-2.5,10.3-8.6,10.3-15.4c0-9.8-7.7-17.4-19.3-17.4h-27.9V78.5z"/>
<g>
<rect x="16.9" y="0" class="st0" width="16.2" height="16.2"/>
<rect x="33.1" y="28.1" class="st1" width="32.3" height="16.2"/>
<rect x="16.9" y="84.3" class="st2" width="32.3" height="16.2"/>
<rect x="0.8" y="56.2" class="st3" width="16.2" height="16.2"/>
<rect x="45.1" y="0" class="st0" width="32.3" height="16.2"/>
<rect x="77.3" y="28.1" class="st1" width="16.2" height="16.2"/>
<rect x="61.2" y="84.3" class="st2" width="16.2" height="16.2"/>
<rect x="28.9" y="56.2" class="st3" width="32.3" height="16.2"/>
<rect x="77.3" y="0" class="st4" width="48.4" height="16.2"/>
<rect x="93.5" y="28.1" class="st5" width="48.4" height="16.2"/>
<rect x="77.3" y="84.3" class="st6" width="32.3" height="16.2"/>
<rect x="61.2" y="56.2" class="st7" width="64.6" height="16.2"/>
</g>
</g>
</svg>
div {
display: flex;
}
svg {
width: 300px;
}
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment