├── .fontcustom-manifest.json ├── .gitignore ├── .nojekyll ├── History.md ├── LICENSE ├── README.md ├── bower.json ├── composer.json ├── css ├── zocial.css ├── zocial.eot ├── zocial.svg ├── zocial.ttf └── zocial.woff ├── fontcustom.yml ├── index.html ├── package.json ├── src ├── acrobat.svg ├── amazon.svg ├── android.svg ├── angellist.svg ├── aol.svg ├── appnet.svg ├── appstore.svg ├── askfm.svg ├── betaseries.svg ├── bitbucket.svg ├── bitcoin.svg ├── blogger.svg ├── buffer.svg ├── cal.svg ├── call.svg ├── cart.svg ├── chrome.svg ├── cloudapp.svg ├── creativecommons.svg ├── delicious.svg ├── deviantart.svg ├── digg.svg ├── discordapp.svg ├── disqus.svg ├── dribbble.svg ├── dropbox.svg ├── drupal.svg ├── dwolla.svg ├── email.svg ├── eventasaurus.svg ├── eventbrite.svg ├── eventful.svg ├── evernote.svg ├── facebook.svg ├── fivehundredpx.svg ├── flattr.svg ├── flickr.svg ├── forrst.svg ├── foursquare.svg ├── github.svg ├── gitlab.svg ├── gmail.svg ├── google.svg ├── googleplay.svg ├── googleplus.svg ├── gowalla.svg ├── grooveshark.svg ├── guest.svg ├── houzz.svg ├── html5.svg ├── ie.svg ├── index.html ├── index.html.erb ├── instagram.svg ├── instapaper.svg ├── intensedebate.svg ├── itunes.svg ├── joinme.svg ├── klout.svg ├── lanyrd.svg ├── lastfm.svg ├── lego.svg ├── linkedin.svg ├── lkdto.svg ├── logmein.svg ├── macstore.svg ├── meetup.svg ├── messenger.svg ├── myspace.svg ├── ninetyninedesigns.svg ├── openid.svg ├── opentable.svg ├── pandora.svg ├── paypal.svg ├── persona.svg ├── pinboard.svg ├── pinterest.svg ├── plancast.svg ├── plurk.svg ├── pocket.svg ├── podcast.svg ├── posterous.svg ├── print.svg ├── quora.svg ├── reddit.svg ├── rss.svg ├── salesforce.svg ├── scribd.svg ├── skype.svg ├── slack.svg ├── smashing.svg ├── songkick.svg ├── soundcloud.svg ├── spotify.svg ├── stackoverflow.svg ├── statusnet.svg ├── steam.svg ├── stripe.svg ├── stumbleupon.svg ├── tumblr.svg ├── twitch.svg ├── twitter.svg ├── viadeo.svg ├── vimeo.svg ├── vk.svg ├── weibo.svg ├── wikipedia.svg ├── windows.svg ├── wordpress.svg ├── www.svg ├── xing.svg ├── yahoo.svg ├── ycombinator.svg ├── yelp.svg └── youtube.svg └── templates └── zocial.css /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smcllns/css-social-buttons/306c065c85a23bd45676db8a52fef23613b49b6d/.nojekyll -------------------------------------------------------------------------------- /History.md: -------------------------------------------------------------------------------- 1 | # 1.4.0 / 2020-06-27 2 | 3 | - CDNJS update to support each individual .svg logo 4 | - NEW: Salesforce icon 5 | 6 | # 1.3.0 / 2017-01-25 7 | 8 | - NEW: GitLab icon 9 | - NEW: discordapp icon 10 | - NEW: ASKfm icon 11 | - NEW: WWW icon for simple URL 12 | - NEW: DeviantArt icon 13 | - NEW: BetaSeries icon 14 | - NEW: Slack icon 15 | - NEW: Style Houzz Icon 16 | - FIX: missing background colors 17 | 18 | # 1.2.0 / 2016-01-03 19 | 20 | - NEW: Twitch icon. Thanks @inquam 21 | - NEW: join.me icon. Might be a bit broken. Thanks @suttonj 22 | 23 | # 1.1.1 / 2015-07-04 24 | 25 | - FIX: broken bower.json 26 | 27 | # 1.1.0 / 2015-07-03 28 | 29 | - NEW: now also distributed on NPM 30 | - NEW: website is now published trough the same repo (thanks @crowmagnumb !) 31 | - CHANGE: official instagram icon 32 | - FIX: general code and packaging cleanup 33 | 34 | # 1.0.0 / 2015-04-11 35 | 36 | First versioned release ! 37 | 38 | Recently added fontcustom support. 39 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2011-2020 Sam Collins (@smcllns) and contributors 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Zocial CSS Social Buttons 2 | 3 | The idea is to create beautiful social buttons using only CSS, rendering popular social icons as a font, and requiring minimal extra markup. 4 | 5 | ## Benefits 6 | 7 | - Buttons always look sharp at any size and screen resolution. 8 | - Easily customize the size and call to action of the buttons. 9 | - Easily localize button text to other languages. 10 | 11 | ## Usage 12 | 13 | 1. Can be any element e.g. `a`, `div`, `button` etc. 14 | 2. Add class of `.zocial` and add class for name of service e.g. `.dropbox`, `.twitter`, `.github` 15 | 3. Optional: Add a class of icon to display as icon instead of button 16 | 4. Optional: Change font size of the element to resize button 17 | 18 | There's also a LESS version from @gustavohenke [here](https://github.com/gustavohenke/zocial-less) 19 | 20 | ## Examples: 21 | 22 | ```html 23 | 24 | ``` 25 | 26 | or 27 | 28 | ```html 29 | Follow Me 30 | ``` 31 | 32 | ## Demo 33 | [https://smcllns.github.io/css-social-buttons/](https://smcllns.github.io/css-social-buttons/) 34 | 35 | ## Browser Support 36 | 37 | - custom font file for all social icons works well in any browser supporting @font-face 38 | - icon font use private unicode spaces for accessibility 39 | - CSS3 degrades gracefully in IE8 and below 40 | 41 | ## CDN 42 | 43 | This project is available on CDNJS: 44 | https://cdnjs.com/libraries/css-social-buttons 45 | 46 | ## How to contribute 47 | 48 | 1. Install [Font Custom](https://github.com/FontCustom/fontcustom) (*) 49 | 2. Add or update the icon .svg in the `src/` folder. 50 | 3. Set the button and font color in `templates/zocial.css` file. 51 | 4. Run `fontcustom compile` 52 | 5. Update the demo page (`index.html`) with both the button and icon. 53 | 6. Test rendering. If broken go to step 2. 54 | 7. Send pull-request ! 55 | 56 | (*) if you are having difficulting installing Font Custom, you can use a docker container. Instead of running #4, run `docker run -v ${PWD}:/project drichner/fontcustom compile` from the root of this directory. 57 | 58 | ## License 59 | 60 | Under [MIT License](http://opensource.org/licenses/mit-license.php) 61 | 62 | The GitLab logo is derived from [this](https://gitlab.com/gitlab-com/gitlab-artwork/blob/a3aaa39c184e49bb3a0ba0d8be74718b3d5b887b/logo/logo-square.svg) which is released under CC BY-NC-SA 4.0. 63 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "css-social-buttons", 3 | "description": "Zocial CSS social buttons", 4 | "keywords": [ 5 | "css", 6 | "font", 7 | "icon", 8 | "social", 9 | "zocial" 10 | ], 11 | "homepage": "http://zocial.smcllns.com/", 12 | "main": [ 13 | "css/zocial.css" 14 | ], 15 | "license": "MIT", 16 | "ignore": [ 17 | "*.json", 18 | "*.yml", 19 | "*.html", 20 | "src/", 21 | "templates/" 22 | ] 23 | } 24 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "samcollins/css-social-buttons", 3 | "description": "Zocial CSS social buttons.", 4 | "keywords": [ 5 | "css", 6 | "font", 7 | "icon", 8 | "social", 9 | "zocial" 10 | ], 11 | "homepage": "http://zocial.smcllns.com/", 12 | "authors": [ 13 | { 14 | "name": "Sam Collins", 15 | "homepage": "http://zocial.smcllns.com/" 16 | }, 17 | { 18 | "name": "zimbatm", 19 | "homepage": "http://zimbatm.com/" 20 | } 21 | ], 22 | "support": { 23 | "issues": "https://github.com/samcollins/css-social-buttons/issues" 24 | }, 25 | "license": "MIT" 26 | } 27 | -------------------------------------------------------------------------------- /css/zocial.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smcllns/css-social-buttons/306c065c85a23bd45676db8a52fef23613b49b6d/css/zocial.eot -------------------------------------------------------------------------------- /css/zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smcllns/css-social-buttons/306c065c85a23bd45676db8a52fef23613b49b6d/css/zocial.ttf -------------------------------------------------------------------------------- /css/zocial.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smcllns/css-social-buttons/306c065c85a23bd45676db8a52fef23613b49b6d/css/zocial.woff -------------------------------------------------------------------------------- /fontcustom.yml: -------------------------------------------------------------------------------- 1 | # =========================================================================== 2 | # Font Custom Configuration 3 | # This file should live in the directory where you run `fontcustom compile`. 4 | # For more info, visit . 5 | # =========================================================================== 6 | 7 | 8 | # --------------------------------------------------------------------------- 9 | # Project Info 10 | # --------------------------------------------------------------------------- 11 | 12 | # The font's name. Also determines the file names of generated templates. 13 | font_name: zocial 14 | 15 | # Format of CSS selectors. {{glyph}} is substituted for the glyph name. 16 | css_selector: .zocial.{{glyph}} 17 | 18 | # Generate fonts without asset-busting hashes. 19 | no_hash: true 20 | 21 | # Encode WOFF fonts into the generated CSS. 22 | #base64: true 23 | 24 | # Forces compilation, even if inputs have not changed 25 | #force: true 26 | 27 | # Display (possibly useful) debugging messages. 28 | #debug: true 29 | 30 | # Hide status messages. 31 | #quiet: true 32 | 33 | 34 | # ----------------------------------------------------------------------------- 35 | # Input / Output Locations 36 | # You can save generated fonts, CSS, and other files to different locations 37 | # here. Font Custom can also read input vectors and templates from different 38 | # places. 39 | # 40 | # NOTE: 41 | # - Be sure to preserve the whitespace in these YAML hashes. 42 | # - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is 43 | # optional. 44 | # - Specify output locations for custom templates by including their file 45 | # names as the key. 46 | # ----------------------------------------------------------------------------- 47 | 48 | input: 49 | vectors: ./src 50 | templates: ./templates 51 | 52 | output: 53 | fonts: ./css 54 | css: ./css 55 | # preview: app/views/styleguide 56 | # my-custom-template.yml: path/to/template/output 57 | 58 | 59 | # ----------------------------------------------------------------------------- 60 | # Templates 61 | # A YAML array of templates and files to generate alongside fonts. Custom 62 | # templates should be saved in the INPUT[:templates] directory and referenced 63 | # by their base file name. 64 | # 65 | # For Rails and Compass templates, set `preprocessor_path` as the relative 66 | # path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same 67 | # directory. 68 | # 69 | # Included in Font Custom: preview, css, scss, scss-rails 70 | # Default: css, preview 71 | # ----------------------------------------------------------------------------- 72 | 73 | templates: 74 | - zocial.css 75 | #- scss-rails 76 | #- preview 77 | #- my-custom-template.yml 78 | 79 | preprocessor_path: "" 80 | 81 | 82 | # ----------------------------------------------------------------------------- 83 | # Font Settings (defaults shown) 84 | # ----------------------------------------------------------------------------- 85 | 86 | # Size (in pica points) for which your font is designed. 87 | #font_design_size: 16 88 | 89 | # The em size. Setting this will scale the entire font to the given size. 90 | #font_em: 512 91 | 92 | # The font's ascent and descent. Used to calculate the baseline. 93 | #font_ascent: 448 94 | #font_descent: 64 95 | 96 | # Horizontally fit glyphs to their individual vector widths. 97 | #autowidth: false 98 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "css-social-buttons", 3 | "description": "Zocial CSS social buttons.", 4 | "version": "1.4.0", 5 | "keywords": [ 6 | "css", 7 | "font", 8 | "icon", 9 | "social", 10 | "zocial" 11 | ], 12 | "homepage": "http://zocial.smcllns.com/", 13 | "authors": "Sam Collins", 14 | "scripts": { 15 | "build": "fontcustom compile" 16 | }, 17 | "style": "css/zocial.css", 18 | "repository": { 19 | "type": "git", 20 | "url": "https://github.com/samcollins/css-social-buttons.git" 21 | }, 22 | "bugs": { 23 | "url": "https://github.com/samcollins/css-social-buttons/issues" 24 | }, 25 | "license": "MIT", 26 | "files": [ 27 | "LICENCE", 28 | "css/*", 29 | "src/*.svg" 30 | ] 31 | } 32 | -------------------------------------------------------------------------------- /src/acrobat.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/amazon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 32 | 33 | -------------------------------------------------------------------------------- /src/android.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 27 | 28 | -------------------------------------------------------------------------------- /src/angellist.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 40 | 41 | -------------------------------------------------------------------------------- /src/aol.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 28 | 29 | -------------------------------------------------------------------------------- /src/appnet.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 28 | 29 | -------------------------------------------------------------------------------- /src/appstore.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/betaseries.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 21 | 22 | 24 | image/svg+xml 25 | 27 | 28 | 29 | 30 | 31 | 33 | 53 | 59 | 60 | -------------------------------------------------------------------------------- /src/bitbucket.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 23 | 24 | -------------------------------------------------------------------------------- /src/bitcoin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/blogger.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/buffer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/cal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 25 | 26 | -------------------------------------------------------------------------------- /src/call.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 14 | 15 | -------------------------------------------------------------------------------- /src/cart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/chrome.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/cloudapp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/creativecommons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/delicious.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/digg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 16 | 17 | -------------------------------------------------------------------------------- /src/discordapp.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 19 | 20 | 22 | image/svg+xml 23 | 25 | 26 | 27 | 28 | 29 | 31 | 51 | 55 | 60 | 61 | -------------------------------------------------------------------------------- /src/disqus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/dribbble.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/dropbox.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/drupal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 29 | 30 | -------------------------------------------------------------------------------- /src/dwolla.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 18 | 19 | -------------------------------------------------------------------------------- /src/email.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/eventasaurus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/eventbrite.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 13 | 14 | -------------------------------------------------------------------------------- /src/eventful.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 16 | 17 | -------------------------------------------------------------------------------- /src/evernote.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 32 | 33 | -------------------------------------------------------------------------------- /src/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 9 | -------------------------------------------------------------------------------- /src/fivehundredpx.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 26 | 27 | -------------------------------------------------------------------------------- /src/flattr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/flickr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/forrst.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 9 | -------------------------------------------------------------------------------- /src/foursquare.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 14 | 15 | -------------------------------------------------------------------------------- /src/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/gitlab.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | GitLab logo 5 | Derived from GitLab Logo (square) released under CC BY-NC-SA 4.0 (https://gitlab.com/gitlab-com/gitlab-artwork/blob/a3aaa39c184e49bb3a0ba0d8be74718b3d5b887b/logo/logo-square.svg) 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/gmail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/google.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 21 | 22 | -------------------------------------------------------------------------------- /src/googleplay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 9 | -------------------------------------------------------------------------------- /src/googleplus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 22 | 23 | -------------------------------------------------------------------------------- /src/gowalla.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 26 | 27 | -------------------------------------------------------------------------------- /src/grooveshark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/guest.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 14 | 15 | -------------------------------------------------------------------------------- /src/houzz.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/html5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/ie.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 34 | 35 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | acrobat 8 | 9 | amazon 10 | 11 | android 12 | 13 | angellist 14 | 15 | aol 16 | 17 | appnet 18 | 19 | appstore 20 | 21 | bitbucket 22 | 23 | bitcoin 24 | 25 | blogger 26 | 27 | buffer 28 | 29 | cal 30 | 31 | call 32 | 33 | cart 34 | 35 | chrome 36 | 37 | cloudapp 38 | 39 | creativecommons 40 | 41 | delicious 42 | 43 | digg 44 | 45 | disqus 46 | 47 | dribbble 48 | 49 | dropbox 50 | 51 | drupal 52 | 53 | dwolla 54 | 55 | email 56 | 57 | eventasaurus 58 | 59 | eventbrite 60 | 61 | eventful 62 | 63 | evernote 64 | 65 | facebook 66 | 67 | fivehundredpx 68 | 69 | flattr 70 | 71 | flickr 72 | 73 | forrst 74 | 75 | foursquare 76 | 77 | github 78 | 79 | gmail 80 | 81 | google 82 | 83 | googleplay 84 | 85 | googleplus 86 | 87 | gowalla 88 | 89 | grooveshark 90 | 91 | guest 92 | 93 | html5 94 | 95 | ie 96 | 97 | instagram 98 | 99 | instapaper 100 | 101 | intensedebate 102 | 103 | itunes 104 | 105 | klout 106 | 107 | lanyrd 108 | 109 | lastfm 110 | 111 | lego 112 | 113 | linkedin 114 | 115 | lkdto 116 | 117 | logmein 118 | 119 | macstore 120 | 121 | meetup 122 | 123 | myspace 124 | 125 | ninetyninedesigns 126 | 127 | openid 128 | 129 | opentable 130 | 131 | paypal 132 | 133 | persona 134 | 135 | pinboard 136 | 137 | pinterest 138 | 139 | plancast 140 | 141 | plurk 142 | 143 | pocket 144 | 145 | podcast 146 | 147 | posterous 148 | 149 | print 150 | 151 | quora 152 | 153 | reddit 154 | 155 | rss 156 | 157 | scribd 158 | 159 | skype 160 | 161 | smashing 162 | 163 | songkick 164 | 165 | soundcloud 166 | 167 | spotify 168 | 169 | stackoverflow 170 | 171 | statusnet 172 | 173 | steam 174 | 175 | stripe 176 | 177 | stumbleupon 178 | 179 | tumblr 180 | 181 | twitter 182 | 183 | viadeo 184 | 185 | vimeo 186 | 187 | vk 188 | 189 | weibo 190 | 191 | wikipedia 192 | 193 | windows 194 | 195 | wordpress 196 | 197 | xing 198 | 199 | yahoo 200 | 201 | ycombinator 202 | 203 | yelp 204 | 205 | youtube 206 | 207 | -------------------------------------------------------------------------------- /src/index.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | <% Dir.glob('*.svg').each do |file| %> 7 | <%= File.basename(file, '.svg') %> 8 | <% end %> 9 | -------------------------------------------------------------------------------- /src/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.12, written by Peter Selinger 2001-2015 9 | 10 | 12 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /src/instapaper.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/intensedebate.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 43 | 44 | -------------------------------------------------------------------------------- /src/itunes.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/joinme.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 32px Monocolor 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/klout.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /src/lanyrd.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/lastfm.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 23 | 24 | -------------------------------------------------------------------------------- /src/lego.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 36 | 37 | -------------------------------------------------------------------------------- /src/linkedin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/lkdto.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 19 | 20 | -------------------------------------------------------------------------------- /src/logmein.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/macstore.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 25 | 26 | -------------------------------------------------------------------------------- /src/messenger.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Untitled 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/myspace.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/ninetyninedesigns.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 45 | 46 | -------------------------------------------------------------------------------- /src/openid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/opentable.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 16 | 17 | -------------------------------------------------------------------------------- /src/pandora.svg: -------------------------------------------------------------------------------- 1 | 2 | pandora 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/paypal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/persona.svg: -------------------------------------------------------------------------------- 1 | 2 | 8 | 11 | 12 | -------------------------------------------------------------------------------- /src/pinboard.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/pinterest.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 22 | 23 | -------------------------------------------------------------------------------- /src/plancast.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 36 | 37 | -------------------------------------------------------------------------------- /src/plurk.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/pocket.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 24 | 25 | -------------------------------------------------------------------------------- /src/podcast.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/posterous.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 13 | 14 | -------------------------------------------------------------------------------- /src/print.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/quora.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/reddit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 39 | 40 | -------------------------------------------------------------------------------- /src/rss.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/salesforce.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/scribd.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 22 | 23 | -------------------------------------------------------------------------------- /src/skype.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/slack.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/smashing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/songkick.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/soundcloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 35 | 36 | -------------------------------------------------------------------------------- /src/spotify.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/stackoverflow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 10 | 11 | -------------------------------------------------------------------------------- /src/statusnet.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 27 | 28 | -------------------------------------------------------------------------------- /src/steam.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 26 | 27 | -------------------------------------------------------------------------------- /src/stripe.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/stumbleupon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 15 | 16 | -------------------------------------------------------------------------------- /src/tumblr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 11 | 12 | -------------------------------------------------------------------------------- /src/twitch.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 16 | 17 | -------------------------------------------------------------------------------- /src/viadeo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 28 | 29 | -------------------------------------------------------------------------------- /src/vimeo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 20 | 21 | -------------------------------------------------------------------------------- /src/vk.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 35 | 36 | -------------------------------------------------------------------------------- /src/weibo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 44 | 45 | -------------------------------------------------------------------------------- /src/wikipedia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 23 | 24 | -------------------------------------------------------------------------------- /src/windows.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 21 | 22 | -------------------------------------------------------------------------------- /src/wordpress.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/xing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 9 | -------------------------------------------------------------------------------- /src/yahoo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 17 | 18 | -------------------------------------------------------------------------------- /src/ycombinator.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 8 | 9 | -------------------------------------------------------------------------------- /src/yelp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 25 | 26 | -------------------------------------------------------------------------------- /src/youtube.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 31 | 32 | --------------------------------------------------------------------------------