octoleo/file-icon-vectors
1
1
Fork 0
mirror of https://github.com/namibia/file-icon-vectors.git synced 2024-12-26 01:17:29 +00:00
Code Issues Releases Activity

Made .gitignore icon more legible

Browse Source
This commit is contained in:
Daniel Hendricks 2018-06-23 10:12:24 -05:00
parent 1e9f1a5b6b
commit 65537f3773
4 changed files with 179 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo/demo.css
View File

@ -1,7 +1,7 @@
body { margin: 2em auto 0; } body { margin: 2em auto 0; }
footer { margin-top: 2.5em; margin-bottom: 1.5em; padding-top: 1em; border-top: 1px solid #ccc; } footer { margin-top: 2.5em; margin-bottom: 1.5em; padding-top: 1em; border-top: 1px solid #ccc; }
.fiv-cla, .fiv-viv { font-size: 3.5em; margin: .5em 0 2px; } .fiv-cla, .fiv-viv, .fiv-sqo { font-size: 3.5em; margin: .5em 0 2px; }
.icon-desc { font-size: .85em; text-align: center; } .icon-desc { font-size: .85em; text-align: center; }
#github { margin-top: .5em; max-width: 160px; } #github { margin-top: .5em; max-width: 160px; }

179
demo/index.html
View File

@ -15,9 +15,10 @@
<meta property="og:description" content="A collection of free file type icons in SVG format." /> <meta property="og:description" content="A collection of free file type icons in SVG format." />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SocialIcons/1.0.1/soc.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/SocialIcons/1.0.1/soc.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dmhendricks/file-icon-vectors@0.8.1/dist/file-icon-classic.min.css" /> <link rel="stylesheet" href="../dist/file-icon-classic.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dmhendricks/file-icon-vectors@0.8.1/dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="../dist/file-icon-vivid.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dmhendricks/file-icon-vectors@0.8.1/demo/demo.css" /> <link rel="stylesheet" href="../dist/file-icon-square-o.min.css" />
<link rel="stylesheet" href="../demo/demo.css" />
</head> </head>
<body> <body>
@ -50,6 +51,9 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#vivid" role="tab" data-toggle="tab">Vivid</a> <a class="nav-link active" href="#vivid" role="tab" data-toggle="tab">Vivid</a>
</li> </li>
<li class="nav-item">
<a class="nav-link" href="#square-o" role="tab" data-toggle="tab">Square Outline</a>
</li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -375,6 +379,8 @@
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-odb"></span><p class="icon-desc">ODB</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-odb"></span><p class="icon-desc">ODB</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-ods"></span><p class="icon-desc">ODS</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-odt"></span><p class="icon-desc">ODT</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-odt"></span><p class="icon-desc">ODT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-ogg"></span><p class="icon-desc">OGG</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-cla fiv-icon-ogg"></span><p class="icon-desc">OGG</p></div>
@ -941,6 +947,8 @@
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-odb"></span><p class="icon-desc">ODB</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-odb"></span><p class="icon-desc">ODB</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-ods"></span><p class="icon-desc">ODS</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-odt"></span><p class="icon-desc">ODT</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-odt"></span><p class="icon-desc">ODT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-ogg"></span><p class="icon-desc">OGG</p></div> <div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-viv fiv-icon-ogg"></span><p class="icon-desc">OGG</p></div>
@ -1187,6 +1195,171 @@
</div> </div>
<div role="tabpanel" class="tab-pane active" id="square-o">
<div class="row spacer-1"></div>
<div class="row">
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-3g2"></span><p class="icon-desc">3G2</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-3ga"></span><p class="icon-desc">3GA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-3gp"></span><p class="icon-desc">3GP</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aa"></span><p class="icon-desc">AA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aac"></span><p class="icon-desc">AAC</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aif"></span><p class="icon-desc">AIF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aifc"></span><p class="icon-desc">AIFC</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aiff"></span><p class="icon-desc">AIFF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-amr"></span><p class="icon-desc">AMR</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-asf"></span><p class="icon-desc">ASF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-asx"></span><p class="icon-desc">ASX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-au"></span><p class="icon-desc">AU</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-aup"></span><p class="icon-desc">AUP</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-avi"></span><p class="icon-desc">AVI</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-blank"></span><p class="icon-desc">BLANK</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-bmp"></span><p class="icon-desc">BMP</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-bpg"></span><p class="icon-desc">BPG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-caf"></span><p class="icon-desc">CAF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-cr2"></span><p class="icon-desc">CR2</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-dng"></span><p class="icon-desc">DNG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-doc"></span><p class="icon-desc">DOC</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-docx"></span><p class="icon-desc">DOCX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-dot"></span><p class="icon-desc">DOT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-dotx"></span><p class="icon-desc">DOTX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-flac"></span><p class="icon-desc">FLAC</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-folder"></span><p class="icon-desc">FOLDER</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-gif"></span><p class="icon-desc">GIF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-iff"></span><p class="icon-desc">IFF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-image"></span><p class="icon-desc">IMAGE</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-jpe"></span><p class="icon-desc">JPE</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-jpeg"></span><p class="icon-desc">JPEG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-jpg"></span><p class="icon-desc">JPG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m2v"></span><p class="icon-desc">M2V</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m3u"></span><p class="icon-desc">M3U</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m3u8"></span><p class="icon-desc">M3U8</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m4a"></span><p class="icon-desc">M4A</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m4r"></span><p class="icon-desc">M4R</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-m4v"></span><p class="icon-desc">M4V</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mid"></span><p class="icon-desc">MID</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-midi"></span><p class="icon-desc">MIDI</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mp2"></span><p class="icon-desc">MP2</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mp3"></span><p class="icon-desc">MP3</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mpa"></span><p class="icon-desc">MPA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mpeg"></span><p class="icon-desc">MPEG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mpg"></span><p class="icon-desc">MPG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-mpga"></span><p class="icon-desc">MPGA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-nef"></span><p class="icon-desc">NEF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ods"></span><p class="icon-desc">ODS</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ogg"></span><p class="icon-desc">OGG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ogv"></span><p class="icon-desc">OGV</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-pdf"></span><p class="icon-desc">PDF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-png"></span><p class="icon-desc">PNG</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-potx"></span><p class="icon-desc">POTX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ppsx"></span><p class="icon-desc">PPSX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ppt"></span><p class="icon-desc">PPT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-pptm"></span><p class="icon-desc">PPTM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-pptx"></span><p class="icon-desc">PPTX</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-psp"></span><p class="icon-desc">PSP</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-qt"></span><p class="icon-desc">QT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-ra"></span><p class="icon-desc">RA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-raw"></span><p class="icon-desc">RAW</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-rm"></span><p class="icon-desc">RM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-tga"></span><p class="icon-desc">TGA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-tif"></span><p class="icon-desc">TIF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-tiff"></span><p class="icon-desc">TIFF</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-txt"></span><p class="icon-desc">TXT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-vob"></span><p class="icon-desc">VOB</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-wav"></span><p class="icon-desc">WAV</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-webm"></span><p class="icon-desc">WEBM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-wma"></span><p class="icon-desc">WMA</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-wmv"></span><p class="icon-desc">WMV</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xlm"></span><p class="icon-desc">XLM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xls"></span><p class="icon-desc">XLS</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xlsm"></span><p class="icon-desc">XLSM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xlt"></span><p class="icon-desc">XLT</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xltm"></span><p class="icon-desc">XLTM</p></div>
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-1 text-center"><span class="fiv-sqo fiv-icon-xltx"></span><p class="icon-desc">XLTX</p></div>
</div>
</div>
</div> </div>
</div> </div>

1
dist/icons/square-o/catalog.json vendored Normal file
View File

@ -0,0 +1 @@
["3g2","3ga","3gp","aa","aac","aif","aifc","aiff","amr","asf","asx","au","aup","avi","blank","bmp","bpg","caf","cr2","dng","doc","docx","dot","dotx","flac","folder","gif","iff","image","jpe","jpeg","jpg","m2v","m3u","m3u8","m4a","m4r","m4v","mid","midi","mp2","mp3","mpa","mpeg","mpg","mpga","nef","ods","ogg","ogv","pdf","png","potx","ppsx","ppt","pptm","pptx","psp","qt","ra","raw","rm","tga","tif","tiff","txt","vob","wav","webm","wma","wmv","xlm","xls","xlsm","xlt","xltm","xltx"]

6
dist/icons/vivid/gitignore.svg vendored
View File

@ -1,5 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 96"><style type="text/css"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 96"><style>.st0{fill:#ccc}.st1{fill:#333}.st2{fill:#999}</style><path class="st0" d="M0 2v92c0 1.1.9 2 2 2h68c1.1 0 2-.9 2-2V28H50c-1.1 0-2-.9-2-2V0H2C.9 0 0 .9 0 2z"/><path class="st0" d="M71.9 24c-.1-.4-.2-.7-.4-1L52 1.2V24h19.9z"/><path class="st1" d="M22.3 64.4H25v3.3h-2.7v-3.3zm9.5-11.2c1.2 0 2.6.4 3.5 1.3L34 57.3c-.5-.6-1.3-.9-2.1-.9-2 0-2.8 1.9-2.8 4.2 0 2.6 1.1 4.3 2.6 4.3.6 0 1.1-.2 1.5-.6v-1.7H32v-2.9h3.9v8.1h-2.3v-.9c-.5.7-1.4 1.2-2.4 1.2-2.5 0-5-2.7-5-7.3-.1-4.6 2.2-7.6 5.6-7.6zm5.9.2h3v14.3h-3V53.4zm7.1 2.9H42v-2.9h8.6v2.9h-2.8v11.4h-2.9V56.3zM8.6 71.4h3v14.3h-3V71.4zm10.3-.2c1.2 0 2.6.4 3.5 1.3l-1.3 2.8c-.5-.6-1.3-.9-2.1-.9-2 0-2.8 1.9-2.8 4.2 0 2.6 1.1 4.3 2.6 4.3.6 0 1.1-.2 1.5-.6v-1.7H19v-2.9h4v8.1h-2.3v-.9c-.5.7-1.4 1.2-2.4 1.2-2.5 0-5-2.7-5-7.3-.1-4.6 2.1-7.6 5.6-7.6zm5.9.2h3.1l2.2 6.6c.4 1 .6 2.4.6 2.4h.1s-.2-1.5-.2-2.4v-6.6h2.8v14.3h-3.1l-2.2-6.6c-.3-1-.6-2.4-.6-2.4h-.1s.2 1.5.2 2.4v6.6h-2.8V71.4zm15.5-.2c3.4 0 5.3 3.1 5.3 7.3 0 4.2-1.9 7.5-5.3 7.5S35 82.8 35 78.5c.1-4.2 1.9-7.3 5.3-7.3zm0 11.6c1.5 0 2.2-1.8 2.2-4.3s-.7-4.2-2.2-4.2-2.2 1.7-2.2 4.2.7 4.3 2.2 4.3zm6.9-11.4h4.1c.5 0 1.2.1 1.7.4 1.3.6 2.2 2.1 2.2 4 0 1.7-.7 3.3-1.8 4 0 0 .2.2.5.9l2.1 5h-3.2L51 80.9h-.7v4.8h-3V71.4zm3.6 6.6c.8 0 1.4-.7 1.4-1.9 0-.7-.2-1.2-.5-1.5-.2-.2-.5-.3-.8-.3h-.7V78h.6zm6.3-6.6h6.5v2.9H60V77h2.8v2.9H60v2.9h3.7v2.9h-6.6V71.4z"/><path class="st2" d="M0 94V2C0 .9.9 0 2 0h48c.6 0 1.1.2 1.5.7l20 22.3c.3.4.5.8.5 1.3V94c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2zm68-68.9L49.1 4H4v88h64V25.1z"/><path class="st2" d="M48 26V4c0-1.1.9-2 2-2s2 .9 2 2v20h16c1.1 0 2 .9 2 2s-.9 2-2 2H50c-1.1 0-2-.9-2-2z"/></svg>
.st0{fill:#CCCCCC;}
.st1{fill:#333333;}
.st2{fill:#999999;}
</style><path class="st0" d="M0 2l0 92c0 1.1 0.9 2 2 2h68c1.1 0 2-0.9 2-2V28H50c-1.1 0-2-0.9-2-2V0L2 0C0.9 0 0 0.9 0 2z"/><path class="st0" d="M71.9 24c-0.1-0.4-0.2-0.7-0.4-1L52 1.2V24H71.9z"/><path class="st1" d="M22.3 64.4H25v3.3h-2.7V64.4z"/><path class="st1" d="M31.8 53.2c1.2 0 2.6 0.4 3.5 1.3l-1.3 2.8c-0.5-0.6-1.3-0.9-2.1-0.9 -2 0-2.8 1.9-2.8 4.2 0 2.6 1.1 4.3 2.6 4.3 0.6 0 1.1-0.2 1.5-0.6v-1.7H32v-2.9h3.9v8.1h-2.3v-0.4c0-0.2 0-0.5 0-0.5h0c-0.5 0.7-1.4 1.2-2.4 1.2 -2.5 0-5-2.7-5-7.3C26.1 56.2 28.4 53.2 31.8 53.2z"/><path class="st1" d="M37.7 53.4h3v14.3h-3V53.4z"/><path class="st1" d="M44.8 56.3H42v-2.9h8.6v2.9h-2.8v11.4h-2.9V56.3z"/><path class="st1" d="M8.6 71.4h3v14.3h-3V71.4z"/><path class="st1" d="M18.9 71.2c1.2 0 2.6 0.4 3.5 1.3l-1.3 2.8c-0.5-0.6-1.3-0.9-2.1-0.9 -2 0-2.8 1.9-2.8 4.2 0 2.6 1.1 4.3 2.6 4.3 0.6 0 1.1-0.2 1.5-0.6v-1.7h-1.3v-2.9H23v8.1h-2.3v-0.4c0-0.2 0-0.5 0-0.5h0c-0.5 0.7-1.4 1.2-2.4 1.2 -2.5 0-5-2.7-5-7.3C13.2 74.2 15.4 71.2 18.9 71.2z"/><path class="st1" d="M24.8 71.4h3.1l2.2 6.6c0.4 1 0.6 2.4 0.6 2.4h0.1c0 0-0.2-1.5-0.2-2.4v-6.6h2.8v14.3h-3.1l-2.2-6.6c-0.3-1-0.6-2.4-0.6-2.4h-0.1c0 0 0.2 1.5 0.2 2.4v6.6h-2.8V71.4z"/><path class="st1" d="M40.3 71.2c3.4 0 5.3 3.1 5.3 7.3 0 4.2-1.9 7.5-5.3 7.5 -3.4 0-5.3-3.2-5.3-7.5C35.1 74.3 36.9 71.2 40.3 71.2zM40.3 82.8c1.5 0 2.2-1.8 2.2-4.3 0-2.5-0.7-4.2-2.2-4.2s-2.2 1.7-2.2 4.2C38.1 81 38.8 82.8 40.3 82.8z"/><path class="st1" d="M47.2 71.4h4.1c0.5 0 1.2 0.1 1.7 0.4 1.3 0.6 2.2 2.1 2.2 4 0 1.7-0.7 3.3-1.8 4v0c0 0 0.2 0.2 0.5 0.9l2.1 5h-3.2l-1.8-4.8h-0.7v4.8h-3V71.4zM50.8 78c0.8 0 1.4-0.7 1.4-1.9 0-0.7-0.2-1.2-0.5-1.5 -0.2-0.2-0.5-0.3-0.8-0.3h-0.7V78H50.8z"/><path class="st1" d="M57.1 71.4h6.5v2.9H60V77h2.8v2.9H60v2.9h3.7v2.9h-6.6V71.4z"/><path class="st2" d="M0 94L0 2c0-1.1 0.9-2 2-2l48 0c0.6 0 1.1 0.2 1.5 0.7l20 22.3c0.3 0.4 0.5 0.8 0.5 1.3V94c0 1.1-0.9 2-2 2H2C0.9 96 0 95.1 0 94zM68 25.1L49.1 4H4v88h64V25.1z"/><path class="st2" d="M48 26V4c0-1.1 0.9-2 2-2s2 0.9 2 2v20h16c1.1 0 2 0.9 2 2s-0.9 2-2 2H50C48.9 28 48 27.1 48 26z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB