beenull/simple-icons
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Merge pull request #1220 from simple-icons/develop

Browse source 
Publish Sensu, Codeandbox, Society6, Drone, Tidal, Snapcraft, Conda-Forge, Dependabot, Travis CI and more...
This commit is contained in:
Eric Cornelissen 2019-02-18 03:35:08 -05:00 committed by GitHub
parent 1e6ea9f5a3 942cf31f5f
commit 2b76902599
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 750 additions and 684 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.gitpod.yml Normal file
View file

@ -0,0 +1,6 @@
ports:
- port: 4000
onOpen: open-preview
tasks:
- init: gem install jekyll bundler
command: jekyll serve --host 0.0.0.0

8
CONTRIBUTING.md
View file

@ -77,7 +77,7 @@ All icons in Simple Icons have been optimized with the [SVGO tool](https://githu
* Install SVGO * Install SVGO
* With npm: `npm install -g svgo` * With npm: `npm install -g svgo`
* With Homebrew: `brew install svgo` * With Homebrew: `brew install svgo`
* Run the following command `svgo --precision=3 icon.svg icon.min.svg` * Run the following command `svgo --precision=3 -i icon.svg -o icon.min.svg`
* Check if there is a loss of quality in the output, if so increase the precision. * Check if there is a loss of quality in the output, if so increase the precision.
* The [SVGOMG Online Tool](https://jakearchibald.github.io/svgomg/) * The [SVGOMG Online Tool](https://jakearchibald.github.io/svgomg/)
* Click "Open SVG" and select an SVG file. * Click "Open SVG" and select an SVG file.
@ -166,3 +166,9 @@ We use several labels to help organize and identify issues. You can find all lab
* Make sure you have [Jekyll](https://jekyllrb.com/) installed (using `$ gem install jekyll bundler`). * Make sure you have [Jekyll](https://jekyllrb.com/) installed (using `$ gem install jekyll bundler`).
* Build and run the website locally using `$ jekyll serve`. * Build and run the website locally using `$ jekyll serve`.
* Connect to the website in your browser via the "Server address" provided by the output of this command, e.g. `http://localhost:4000/` * Connect to the website in your browser via the "Server address" provided by the output of this command, e.g. `http://localhost:4000/`
## Building In Your Browser
Alternatively, you can build and run the website in a readily configured online workspace:
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/simple-icons/simple-icons)

43
_data/simple-icons.json
View file

@ -390,6 +390,11 @@
"hex": "3E8DCC", "hex": "3E8DCC",
"source": "https://github.com/twolfson/coderwall-svg" "source": "https://github.com/twolfson/coderwall-svg"
}, },
{
"title": "CodeSandbox",
"hex": "000000",
"source": "https://codesandbox.io"
},
{ {
"title": "Codeship", "title": "Codeship",
"hex": "3C4858", "hex": "3C4858",
@ -420,6 +425,11 @@
"hex": "414959", "hex": "414959",
"source": "https://www.conekta.io" "source": "https://www.conekta.io"
}, },
{
"title": "Conda-Forge",
"hex": "000000",
"source": "https://github.com/conda-forge/conda-forge.github.io/"
},
{ {
"title": "Co-op", "title": "Co-op",
"hex": "00B1E7", "hex": "00B1E7",
@ -492,8 +502,8 @@
}, },
{ {
"title": "Dependabot", "title": "Dependabot",
"hex": "0025FF", "hex": "025E8C",
"source": "https://github.com/dependabot/website/" "source": "https://dependabot.com/dependabot-logo-symbol-square-mono.svg"
}, },
{ {
"title": "Designer News", "title": "Designer News",
@ -575,6 +585,11 @@
"hex": "EA4C89", "hex": "EA4C89",
"source": "https://dribbble.com/branding" "source": "https://dribbble.com/branding"
}, },
{
"title": "Drone",
"hex": "212121",
"source": "https://github.com/drone/brand"
},
{ {
"title": "Dropbox", "title": "Dropbox",
"hex": "0061FF", "hex": "0061FF",
@ -1965,6 +1980,11 @@
"hex": "21B352", "hex": "21B352",
"source": "https://sellfy.com/about/" "source": "https://sellfy.com/about/"
}, },
{
"title": "Sensu",
"hex": "89C967",
"source": "https://github.com/sensu/sensu-go/blob/master/dashboard/src/assets/logo/graphic/green.svg"
},
{ {
"title": "Sentry", "title": "Sentry",
"hex": "FB4226", "hex": "FB4226",
@ -2045,11 +2065,21 @@
"hex": "FFFC00", "hex": "FFFC00",
"source": "https://www.snapchat.com/brand-guidelines" "source": "https://www.snapchat.com/brand-guidelines"
}, },
{
"title": "Snapcraft",
"hex": "82BEA0",
"source": "https://github.com/snapcore/snap-store-badges"
},
{ {
"title": "Snyk", "title": "Snyk",
"hex": "4C4A73", "hex": "4C4A73",
"source": "https://snyk.io/press-kit" "source": "https://snyk.io/press-kit"
}, },
{
"title": "Society6",
"hex": "000000",
"source": "https://blog.society6.com/app/themes/society6/dist/images/mark.svg"
},
{ {
"title": "Sogou", "title": "Sogou",
"hex": "FB6022", "hex": "FB6022",
@ -2265,6 +2295,11 @@
"hex": "01D277", "hex": "01D277",
"source": "https://www.themoviedb.org/about/logos-attribution" "source": "https://www.themoviedb.org/about/logos-attribution"
}, },
{
"title": "Tidal",
"hex": "000000",
"source": "https://tidal.com"
},
{ {
"title": "Tinder", "title": "Tinder",
"hex": "FF6B6B", "hex": "FF6B6B",
@ -2297,8 +2332,8 @@
}, },
{ {
"title": "Travis CI", "title": "Travis CI",
"hex": "39A85B", "hex": "3EAAAF",
"source": "https://travis-ci.org" "source": "https://travis-ci.com/logo"
}, },
{ {
"title": "Treehouse", "title": "Treehouse",

1
icons/codesandbox.svg Normal file
View file

@ -0,0 +1 @@
<svg viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>CodeSandbox Icon</title><path d="M2 6l10.455-6L22.91 6 23 17.95 12.455 24 2 18V6zm2.088 2.481v4.757l3.345 1.86v3.516l3.972 2.296v-8.272L4.088 8.481zm16.739 0l-7.317 4.157v8.272l3.972-2.296V15.1l3.345-1.861V8.48zM5.134 6.601l7.303 4.144 7.32-4.18-3.871-2.197-3.41 1.945-3.43-1.968L5.133 6.6z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 378 B

1
icons/conda-forge.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Conda-Forge icon</title><path d="M-50.186-517.945V82.477H950.236v-600.422H-50.186zm.422.422h999.578V82.055H-49.764v-599.578zM8.206 6.133l.005.396H6.754l.006.655v.005l-6.758.002v.211L0 8.24l.02.041c.212.467.663.901 1.257 1.313.594.411 1.335.796 2.145 1.129 1.619.665 3.502 1.12 5.006 1.101.746-.01 1.265.228 1.62.672.341.426.51 1.092.524 1.92L7.94 16.504l.008 1.896h12.34l-.004-1.76-2.63-2.22c.055-2.012.708-3.442 1.777-4.404 1.087-.979 2.61-1.49 4.369-1.616l.195-.015.004-2.246-15.793-.006zm.425.422l14.945.006-.004 1.457c-1.737.155-3.291.666-4.424 1.685-.912.822-1.433 2.061-1.691 3.533l-1.617.004.002.422 1.535-.004c-.027.226-.113.4-.123.64l-.893-.003-.002.422.995.004 2.138 1.802-2.941.002c-.724-.675-1.552-1.116-2.416-1.158-.817-.04-1.638.324-2.387 1.04l-2.978-.024 2.248-1.781V14.5c.002-.943-.2-1.72-.64-2.268-.396-.496-1.007-.749-1.741-.79l-.008-4.49h.008l-.006-.397zm-1.45.396h1.026l.008 4.404c-1.387-.02-3.125-.404-4.631-1.023-.787-.324-1.507-.698-2.066-1.086C.968 8.865.587 8.47.424 8.127v-.514l6.336-.002v2.16h.422v-2.16h.004l-.004-.435V6.95zm6.934 8.838c.751.037 1.503.436 2.18 1.078l-.002 1.112h-4.344l-.006-1.2c.706-.717 1.442-1.026 2.172-.99zm-5.754 1.014l3.16.023.006 1.153h-3.16l-.006-1.176zm11.5.142l.002 1.034h-3.148v-1.032l3.146-.002z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

2
icons/dependabot.svg
View file

@ -1 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Dependabot icon</title><path d="M12 0c-.293 0-.585.064-.808.191l-9.13 5.213c-.447.255-.808.877-.808 1.39v10.411c0 .515.362 1.136.808 1.391l9.13 5.213c.447.255 1.17.254 1.615 0l9.13-5.213c.448-.255.808-.877.808-1.39V6.794c0-.515-.361-1.136-.807-1.39L12.808.19A1.665 1.665 0 0 0 11.998 0zm-1.207 5.408h2.548v3.438h4.53v4.009h.85v2.577h-.85v2.005H6.263v-2.005h-.85v-2.577h.85v-4.01h6.229v-.859h-1.699zm-.283 6.588L9.377 13.14l-.566-.573-.566.573 1.132 1.146 1.7-1.719zm4.813 0l-1.132 1.145-.567-.573-.566.573 1.133 1.146 1.698-1.719z"/></svg> <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Dependabot icon</title><path d="M10.949.314a1.918 1.918 0 0 1 2.102 0l9.333 6.118c.541.354.866.957.866 1.604v7.928c0 .647-.326 1.25-.866 1.604l-9.333 6.118a1.918 1.918 0 0 1-2.102 0l-9.333-6.118a1.916 1.916 0 0 1-.866-1.604V8.036c0-.647.326-1.25.866-1.604L10.949.314zM12.75 7.5v.75h-6A.75.75 0 0 0 6 9v3h-.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25H6v1.5c0 .415.336.75.75.75h10.5a.75.75 0 0 0 .75-.75V15h.5a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25H18V9a.75.75 0 0 0-.75-.75H13.5V5.5a.25.25 0 0 0-.25-.25H11.5a.25.25 0 0 0-.25.25v1.75c0 .138.112.25.25.25h1.25zm3.286 5.089l-1.572 1.572a.303.303 0 0 1-.428 0l-.947-.947a.303.303 0 0 1 0-.428l.322-.322a.303.303 0 0 1 .428 0l.41.411 1.037-1.036a.303.303 0 0 1 .428 0l.322.322a.303.303 0 0 1 0 .428zM9.464 14.16v.001a.303.303 0 0 1-.428 0l-.948-.947a.302.302 0 0 1 0-.428l.323-.322a.303.303 0 0 1 .427 0l.412.411 1.036-1.037a.303.303 0 0 1 .427 0l.323.322a.303.303 0 0 1 0 .428L9.464 14.16z"/></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 1 KiB

1
icons/drone.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Drone icon</title><path d="M15.07 13.633a3.07 3.07 0 1 1-6.14 0 3.07 3.07 0 0 1 6.14 0z"/><path d="M12 1.856c5.359.042 11.452 3.82 12 10.94h-7.256S15.809 8.863 12 8.889s-4.744 3.907-4.744 3.907H0C.353 5.802 6.344 1.812 12 1.856zM12.05 22.144c-3.996.011-7.729-3.005-9.259-7.674h4.465s.963 3.889 4.773 3.863 4.716-3.863 4.716-3.863h4.465c-.995 4.94-5.164 7.664-9.159 7.674z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 458 B

1
icons/sensu.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" ><title>Sensu icon</title><path d="M24 12L12 0 0 12l12 12 12-12zM12 3.197l4.418 4.418c-1.445-.386-2.93-.586-4.418-.586s-2.974.199-4.418.588L12 3.196zM8.069 16.87c1.19-.658 2.534-1.008 3.931-1.008s2.741.35 3.931 1.008L12 20.804 8.069 16.87zm9.509-1.647c-1.697-1.08-3.636-1.622-5.578-1.622s-3.881.542-5.578 1.622l-3.103-3.101C5.822 10.284 8.834 9.29 12 9.29s6.178.994 8.681 2.832l-3.103 3.101z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 471 B

1
icons/snapcraft.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Snapcraft icon</title><path d="M13.804 13.367V5.69l5.292 2.362-5.292 5.315zM3.701 23.514l6.49-12.22 2.847 2.843L3.7 23.514zM0 .486l13.355 4.848v8.484L0 .486zM21.803 5.334H14.11L24 9.748z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 273 B

1
icons/society6.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Society6 icon</title><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm7.928 4.966l.042.876-.916.157c-.705.194-1.32.465-1.843.813s-.966.73-1.33 1.148a6.147 6.147 0 0 0-.888 1.339l-.016.036c-.243.506-.459 1.04-.65 1.599a4.992 4.992 0 0 1 1.31-.812l.033-.012c.521-.223 1.141-.335 1.864-.335.839 0 1.543.296 2.111.884s.853 1.355.853 2.298c0 1.409-.541 2.628-1.624 3.659s-2.414 1.547-3.992 1.547c-1.255 0-2.256-.374-3.003-1.122s-1.12-1.743-1.12-2.981c0-2.363.84-4.387 2.52-6.073s3.895-2.692 6.65-3.023zM7.925 9.103c.435 0 .838.027 1.211.081.388.055.739.159 1.065.307l-.024-.01c.286.13.524.322.705.56l.003.004c.169.232.252.513.252.844s-.118.614-.356.852c-.237.238-.549.356-.933.356-.332 0-.607-.091-.828-.272s-.399-.394-.537-.642c-.137-.253-.247-.516-.327-.784s-.146-.493-.197-.674c-.401.024-.765.178-1.094.459s-.495.629-.495 1.046c0 .253.039.452.116.596s.184.265.311.358l.003.002c.162.115.348.217.544.296l.018.006c.151.069.431.177.714.279l.132.041c.778.288 1.365.635 1.76 1.038.321.328.509.742.569 1.241-.008-.117.117 1.109.018.183.002.056.006.113.006.171 0 .433-.097.847-.289 1.245s-.464.728-.818.992a4.26 4.26 0 0 1-1.336.646l-.03.007c-.516.147-1.172.221-1.967.221-.722 0-1.318-.061-1.789-.184s-.845-.282-1.12-.474c-.281-.193-.473-.398-.575-.617s-.155-.425-.155-.617c0-.349.125-.655.373-.916s.58-.391.991-.391c.344 0 .631.092.863.278.236.193.43.426.574.691l.006.012c.136.244.259.528.352.824l.009.032c.035.09.106.322.172.556l.034.139c.647 0 1.137-.144 1.469-.436s.498-.691.498-1.196c0-.222-.05-.408-.15-.558s-.234-.283-.399-.398c-.166-.108-.377-.213-.635-.315s-.513-.198-.765-.289c-.693-.246-1.24-.587-1.644-1.023s-.605-.978-.605-1.628v-.013c0-.391.093-.76.259-1.087l-.006.014c.17-.34.434-.654.794-.944.355-.276.804-.496 1.348-.661s1.179-.249 1.906-.249zm8.017 1.874c-.329 0-.64.066-.933.199s-.605.397-.934.792c-.04.183-.109.534-.21 1.055s-.152 1.162-.152 1.923c0 .778.123 1.384.365 1.82s.566.655.968.655c.626 0 1.168-.432 1.628-1.295h.002c.46-.864.69-1.912.69-3.144 0-.618-.134-1.108-.402-1.468s-.608-.538-1.022-.538z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

1
icons/tidal.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Tidal icon</title><path d="M12.012 3.992L8.008 7.996 4.004 3.992 0 7.996 4.004 12l4.004-4.004L12.012 12l-4.004 4.004 4.004 4.004 4.004-4.004L12.012 12l4.004-4.004-4.004-4.004zM16.042 7.996l3.979-3.979L24 7.996l-3.979 3.979z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 310 B

2
icons/travisci.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 14 KiB

6
index.html
View file

@ -216,7 +216,7 @@
<svg id="sort-color" class="sort-btn active" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sort by color</title><path d="M9.219 18.857H6.648V.429A.414.414 0 0 0 6.219 0H3.648a.418.418 0 0 0-.308.121.418.418 0 0 0-.121.308v18.428H.648a.4.4 0 0 0-.402.268c-.071.17-.04.326.094.469l4.286 4.287c.098.08.2.119.308.119a.447.447 0 0 0 .308-.119l4.272-4.273a.506.506 0 0 0 .134-.32.417.417 0 0 0-.429-.431z"/><path d="M12.219 3.429h3.429A.412.412 0 0 0 16.076 3V.429A.416.416 0 0 0 15.648 0h-3.429a.414.414 0 0 0-.429.429V3a.414.414 0 0 0 .429.429z"/><path d="M12.219 10.286h6a.42.42 0 0 0 .309-.12.42.42 0 0 0 .121-.308V7.286a.418.418 0 0 0-.121-.308.417.417 0 0 0-.309-.121h-6a.414.414 0 0 0-.308.121.417.417 0 0 0-.12.308v2.572c0 .125.04.228.12.308a.42.42 0 0 0 .308.12z"/><path d="M12.219 17.143h8.572c.125 0 .229-.039.309-.119s.119-.184.119-.309v-2.572c0-.125-.039-.227-.119-.307s-.184-.121-.309-.121h-8.572a.418.418 0 0 0-.308.121.415.415 0 0 0-.12.307v2.572c0 .125.04.229.12.309.081.08.183.119.308.119z"/><path d="M23.67 20.693a.408.408 0 0 0-.307-.121H12.219a.416.416 0 0 0-.429.428v2.572c0 .125.04.227.121.309a.42.42 0 0 0 .308.119h11.144a.414.414 0 0 0 .307-.119.424.424 0 0 0 .121-.309V21a.416.416 0 0 0-.121-.307z"/></svg> <svg id="sort-color" class="sort-btn active" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sort by color</title><path d="M9.219 18.857H6.648V.429A.414.414 0 0 0 6.219 0H3.648a.418.418 0 0 0-.308.121.418.418 0 0 0-.121.308v18.428H.648a.4.4 0 0 0-.402.268c-.071.17-.04.326.094.469l4.286 4.287c.098.08.2.119.308.119a.447.447 0 0 0 .308-.119l4.272-4.273a.506.506 0 0 0 .134-.32.417.417 0 0 0-.429-.431z"/><path d="M12.219 3.429h3.429A.412.412 0 0 0 16.076 3V.429A.416.416 0 0 0 15.648 0h-3.429a.414.414 0 0 0-.429.429V3a.414.414 0 0 0 .429.429z"/><path d="M12.219 10.286h6a.42.42 0 0 0 .309-.12.42.42 0 0 0 .121-.308V7.286a.418.418 0 0 0-.121-.308.417.417 0 0 0-.309-.121h-6a.414.414 0 0 0-.308.121.417.417 0 0 0-.12.308v2.572c0 .125.04.228.12.308a.42.42 0 0 0 .308.12z"/><path d="M12.219 17.143h8.572c.125 0 .229-.039.309-.119s.119-.184.119-.309v-2.572c0-.125-.039-.227-.119-.307s-.184-.121-.309-.121h-8.572a.418.418 0 0 0-.308.121.415.415 0 0 0-.12.307v2.572c0 .125.04.229.12.309.081.08.183.119.308.119z"/><path d="M23.67 20.693a.408.408 0 0 0-.307-.121H12.219a.416.416 0 0 0-.429.428v2.572c0 .125.04.227.121.309a.42.42 0 0 0 .308.119h11.144a.414.414 0 0 0 .307-.119.424.424 0 0 0 .121-.309V21a.416.416 0 0 0-.121-.307z"/></svg>
<svg id="sort-alphabetically" class="sort-btn" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sort alphabetically</title><path d="M10.096 18.857H7.525V.429A.414.414 0 0 0 7.096 0H4.525a.414.414 0 0 0-.429.429v18.429H1.525c-.196 0-.331.089-.402.268-.072.17-.04.326.094.469l4.286 4.286c.098.079.2.119.308.119.116 0 .219-.04.308-.12l4.272-4.272a.506.506 0 0 0 .134-.321.414.414 0 0 0-.429-.43z"/><path d="M20.102 22.474H16.78c-.188 0-.322.009-.402.026l-.188.026V22.5l.148-.147c.133-.16.227-.276.281-.348l4.941-7.099v-1.191h-7.594v3.066h1.607v-1.54h3.107c.16 0 .295-.014.4-.04a.856.856 0 0 0 .102-.007c.039-.004.068-.007.086-.007v.04l-.146.121c-.08.08-.176.2-.281.361L13.9 22.795V24h7.82v-3.12h-1.619v1.594h.001z"/><path d="M21.977 8.866L18.895 0h-2.168l-3.082 8.866h-.936v1.419h3.842V8.866h-1.004l.631-1.929h3.254l.629 1.929h-1.004v1.419h3.857V8.866h-.937zm-5.358-3.402l.977-2.92c.037-.107.07-.236.102-.388s.047-.232.047-.241l.039-.268h.055c0 .036.008.125.025.268l.162.629.963 2.92h-2.37z"/></svg> <svg id="sort-alphabetically" class="sort-btn" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sort alphabetically</title><path d="M10.096 18.857H7.525V.429A.414.414 0 0 0 7.096 0H4.525a.414.414 0 0 0-.429.429v18.429H1.525c-.196 0-.331.089-.402.268-.072.17-.04.326.094.469l4.286 4.286c.098.079.2.119.308.119.116 0 .219-.04.308-.12l4.272-4.272a.506.506 0 0 0 .134-.321.414.414 0 0 0-.429-.43z"/><path d="M20.102 22.474H16.78c-.188 0-.322.009-.402.026l-.188.026V22.5l.148-.147c.133-.16.227-.276.281-.348l4.941-7.099v-1.191h-7.594v3.066h1.607v-1.54h3.107c.16 0 .295-.014.4-.04a.856.856 0 0 0 .102-.007c.039-.004.068-.007.086-.007v.04l-.146.121c-.08.08-.176.2-.281.361L13.9 22.795V24h7.82v-3.12h-1.619v1.594h.001z"/><path d="M21.977 8.866L18.895 0h-2.168l-3.082 8.866h-.936v1.419h3.842V8.866h-1.004l.631-1.929h3.254l.629 1.929h-1.004v1.419h3.857V8.866h-.937zm-5.358-3.402l.977-2.92c.037-.107.07-.236.102-.388s.047-.232.047-.241l.039-.268h.055c0 .036.008.125.025.268l.162.629.963 2.92h-2.37z"/></svg>
<svg id="sort-relevance" class="sort-btn" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" display="none"><title>Sort by relevance</title><path d="M9.219,18.857H6.648V0.429C6.656,0.201,6.478,0.008,6.25,0H3.648C3.533-0.004,3.421,0.04,3.34,0.121C3.259,0.203,3.215,0.314,3.219,0.429v18.428H0.648c-0.179-0.012-0.344,0.098-0.402,0.268c-0.071,0.17-0.04,0.326,0.094,0.469l4.286,4.287C4.724,23.961,4.826,24,4.934,24c0.114,0.001,0.224-0.041,0.308-0.119l4.272-4.273c0.081-0.086,0.128-0.199,0.134-0.318c0.008-0.23-0.172-0.423-0.402-0.432C9.237,18.857,9.228,18.857,9.219,18.857z"/><path d="M22.971,4.984c0.226-0.22,0.304-0.543,0.207-0.843c-0.099-0.3-0.352-0.515-0.666-0.561l-2.777-0.403c-0.119-0.018-0.221-0.092-0.274-0.199l-1.241-2.519C18.079,0.174,17.797,0,17.479,0c-0.316,0-0.598,0.176-0.737,0.458l-1.243,2.519c-0.054,0.108-0.156,0.183-0.273,0.199L12.445,3.58c-0.311,0.043-0.569,0.261-0.665,0.56c-0.098,0.3-0.019,0.624,0.207,0.843l2.012,1.96c0.086,0.084,0.125,0.207,0.104,0.322l-0.475,2.769c-0.041,0.245,0.021,0.481,0.18,0.667c0.244,0.292,0.674,0.381,1.016,0.201l2.486-1.307c0.104-0.056,0.232-0.054,0.339,0l2.485,1.307C20.256,10.967,20.387,11,20.518,11c0.245,0,0.477-0.109,0.633-0.298c0.156-0.185,0.223-0.429,0.18-0.667l-0.475-2.768c-0.021-0.117,0.02-0.24,0.104-0.322L22.971,4.984z"/><path d="M22.966,17.984c0.227-0.219,0.307-0.543,0.209-0.844c-0.099-0.299-0.354-0.516-0.666-0.561l-2.777-0.404c-0.119-0.018-0.221-0.092-0.274-0.199l-1.241-2.518c-0.141-0.283-0.422-0.46-0.738-0.46s-0.6,0.177-0.738,0.46l-1.242,2.518c-0.054,0.107-0.156,0.184-0.275,0.199l-2.775,0.404c-0.314,0.045-0.568,0.259-0.666,0.561c-0.098,0.301-0.018,0.623,0.207,0.844l2.011,1.961c0.087,0.082,0.124,0.205,0.104,0.322l-0.475,2.769c-0.055,0.312,0.07,0.618,0.328,0.806c0.254,0.186,0.586,0.207,0.865,0.063l2.484-1.307c0.107-0.056,0.234-0.056,0.341,0l2.485,1.307C20.253,23.968,20.384,24,20.515,24c0.172,0,0.34-0.055,0.482-0.158c0.256-0.188,0.383-0.494,0.329-0.806l-0.478-2.769c-0.02-0.117,0.021-0.24,0.104-0.322L22.966,17.984z M20.874,23.115c0.021,0.14-0.029,0.273-0.145,0.354c-0.115,0.086-0.258,0.094-0.385,0.029l-2.487-1.309c-0.118-0.063-0.251-0.096-0.382-0.096s-0.264,0.032-0.385,0.098l-2.485,1.307c-0.124,0.064-0.269,0.057-0.382-0.029c-0.116-0.08-0.168-0.215-0.146-0.354l0.479-2.77c0.045-0.267-0.043-0.539-0.236-0.729l-2.014-1.96c-0.104-0.099-0.135-0.237-0.092-0.371c0.045-0.136,0.154-0.228,0.295-0.249l2.778-0.403c0.269-0.038,0.5-0.207,0.618-0.448l1.242-2.521c0.064-0.127,0.184-0.202,0.326-0.202c0.144,0,0.265,0.075,0.328,0.202l1.242,2.521c0.117,0.241,0.35,0.41,0.617,0.448l2.78,0.403c0.14,0.021,0.249,0.113,0.292,0.249c0.044,0.134,0.011,0.272-0.092,0.371l-2.01,1.96c-0.192,0.189-0.281,0.461-0.235,0.729L20.874,23.115z"/></svg> <svg id="sort-relevance" class="sort-btn" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sort by relevance</title><path d="M9.219,18.857H6.648V0.429C6.656,0.201,6.478,0.008,6.25,0H3.648C3.533-0.004,3.421,0.04,3.34,0.121C3.259,0.203,3.215,0.314,3.219,0.429v18.428H0.648c-0.179-0.012-0.344,0.098-0.402,0.268c-0.071,0.17-0.04,0.326,0.094,0.469l4.286,4.287C4.724,23.961,4.826,24,4.934,24c0.114,0.001,0.224-0.041,0.308-0.119l4.272-4.273c0.081-0.086,0.128-0.199,0.134-0.318c0.008-0.23-0.172-0.423-0.402-0.432C9.237,18.857,9.228,18.857,9.219,18.857z"/><path d="M22.971,4.984c0.226-0.22,0.304-0.543,0.207-0.843c-0.099-0.3-0.352-0.515-0.666-0.561l-2.777-0.403c-0.119-0.018-0.221-0.092-0.274-0.199l-1.241-2.519C18.079,0.174,17.797,0,17.479,0c-0.316,0-0.598,0.176-0.737,0.458l-1.243,2.519c-0.054,0.108-0.156,0.183-0.273,0.199L12.445,3.58c-0.311,0.043-0.569,0.261-0.665,0.56c-0.098,0.3-0.019,0.624,0.207,0.843l2.012,1.96c0.086,0.084,0.125,0.207,0.104,0.322l-0.475,2.769c-0.041,0.245,0.021,0.481,0.18,0.667c0.244,0.292,0.674,0.381,1.016,0.201l2.486-1.307c0.104-0.056,0.232-0.054,0.339,0l2.485,1.307C20.256,10.967,20.387,11,20.518,11c0.245,0,0.477-0.109,0.633-0.298c0.156-0.185,0.223-0.429,0.18-0.667l-0.475-2.768c-0.021-0.117,0.02-0.24,0.104-0.322L22.971,4.984z"/><path d="M22.966,17.984c0.227-0.219,0.307-0.543,0.209-0.844c-0.099-0.299-0.354-0.516-0.666-0.561l-2.777-0.404c-0.119-0.018-0.221-0.092-0.274-0.199l-1.241-2.518c-0.141-0.283-0.422-0.46-0.738-0.46s-0.6,0.177-0.738,0.46l-1.242,2.518c-0.054,0.107-0.156,0.184-0.275,0.199l-2.775,0.404c-0.314,0.045-0.568,0.259-0.666,0.561c-0.098,0.301-0.018,0.623,0.207,0.844l2.011,1.961c0.087,0.082,0.124,0.205,0.104,0.322l-0.475,2.769c-0.055,0.312,0.07,0.618,0.328,0.806c0.254,0.186,0.586,0.207,0.865,0.063l2.484-1.307c0.107-0.056,0.234-0.056,0.341,0l2.485,1.307C20.253,23.968,20.384,24,20.515,24c0.172,0,0.34-0.055,0.482-0.158c0.256-0.188,0.383-0.494,0.329-0.806l-0.478-2.769c-0.02-0.117,0.021-0.24,0.104-0.322L22.966,17.984z M20.874,23.115c0.021,0.14-0.029,0.273-0.145,0.354c-0.115,0.086-0.258,0.094-0.385,0.029l-2.487-1.309c-0.118-0.063-0.251-0.096-0.382-0.096s-0.264,0.032-0.385,0.098l-2.485,1.307c-0.124,0.064-0.269,0.057-0.382-0.029c-0.116-0.08-0.168-0.215-0.146-0.354l0.479-2.77c0.045-0.267-0.043-0.539-0.236-0.729l-2.014-1.96c-0.104-0.099-0.135-0.237-0.092-0.371c0.045-0.136,0.154-0.228,0.295-0.249l2.778-0.403c0.269-0.038,0.5-0.207,0.618-0.448l1.242-2.521c0.064-0.127,0.184-0.202,0.326-0.202c0.144,0,0.265,0.075,0.328,0.202l1.242,2.521c0.117,0.241,0.35,0.41,0.617,0.448l2.78,0.403c0.14,0.021,0.249,0.113,0.292,0.249c0.044,0.134,0.011,0.272-0.092,0.371l-2.01,1.96c-0.192,0.189-0.281,0.461-0.235,0.729L20.874,23.115z"/></svg>
</div> </div>
<ul class="grid"> <ul class="grid">
<li class="grid-item--if-empty"> <li class="grid-item--if-empty">
@ -227,7 +227,7 @@
</li> </li>
{% for icon in iconsArray %} {% for icon in iconsArray %}
{% assign iconArray = icon | split: "," %} {% assign iconArray = icon | split: "," %}
<li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}" order="{{ iconArray[7] }}"> <li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}; --order-alpha: {{ iconArray[7] }}">
<a class="grid-item__link" href="/icons/{{ iconArray[3] }}.svg" download> <a class="grid-item__link" href="/icons/{{ iconArray[3] }}.svg" download>
{% assign filePath = iconArray[3] | prepend: "icons/" | append: ".svg" %} {% assign filePath = iconArray[3] | prepend: "icons/" | append: ".svg" %}
{% include_relative {{ filePath }} %} {% include_relative {{ filePath }} %}
@ -238,7 +238,7 @@
{% endfor %} {% endfor %}
{% for icon in greyscaleIconsArray %} {% for icon in greyscaleIconsArray %}
{% assign iconArray = icon | split: "," %} {% assign iconArray = icon | split: "," %}
<li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}" order="{{ iconArray[7] }}"> <li class="grid-item {{ iconArray[6] }}" style="background-color: #{{ iconArray[4] }}; --order-alpha: {{ iconArray[7] }}">
<a class="grid-item__link" href="/icons/{{ iconArray[1] }}.svg" download> <a class="grid-item__link" href="/icons/{{ iconArray[1] }}.svg" download>
{% assign filePath = iconArray[1] | prepend: "icons/" | append: ".svg" %} {% assign filePath = iconArray[1] | prepend: "icons/" | append: ".svg" %}
{% include_relative {{ filePath }} %} {% include_relative {{ filePath }} %}

1230
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

8
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "simple-icons", "name": "simple-icons",
"version": "1.9.19", "version": "1.9.20",
"description": "SVG icons for popular brands https://simpleicons.org", "description": "SVG icons for popular brands https://simpleicons.org",
"homepage": "https://www.simpleicons.org", "homepage": "https://www.simpleicons.org",
"keywords": [ "keywords": [
@ -16,11 +16,11 @@
"url": "https://github.com/simple-icons/simple-icons/issues" "url": "https://github.com/simple-icons/simple-icons/issues"
}, },
"author": "Simple Icons Collaborators", "author": "Simple Icons Collaborators",
"license": "CC0", "license": "CC0-1.0",
"devDependencies": { "devDependencies": {
"jest": "^23.5.0", "jest": "^23.6.0",
"jsonlint2": "^1.7.1", "jsonlint2": "^1.7.1",
"svglint": "^1.0.2" "svglint": "^1.0.3"
}, },
"scripts": { "scripts": {
"jsonlint": "jsonlint _data/simple-icons.json -q -V .jsonlintschema", "jsonlint": "jsonlint _data/simple-icons.json -q -V .jsonlintschema",

91
site_script.js
View file

@ -1,5 +1,6 @@
(function(document) { (function(document) {
var $grid = document.querySelector('.grid'), var $body = document.body,
$grid = document.querySelector('.grid'),
$icons = $grid.querySelectorAll('.grid-item:not(.grid-item--ad)'), $icons = $grid.querySelectorAll('.grid-item:not(.grid-item--ad)'),
$search = document.querySelector('.search'), $search = document.querySelector('.search'),
$searchClose = $search.querySelector('.search__close'), $searchClose = $search.querySelector('.search__close'),
@ -65,94 +66,66 @@
} }
function search(value) { function search(value) {
var query = normalizeSearchTerm(value); var query = normalizeSearchTerm(value)
queryLetters = query.split('');
var matchedIcons = icons.map(function(icon, iconIndex) { var matchedIcons = icons.filter(function(iconName, iconIndex) {
var letters = query.split(''), var element = $icons[iconIndex],
indexes = [], score = iconName.length - query.length;
index = 0; index = 0;
if (icon === query) { for (var i = 0; i < queryLetters.length; i++) {
return {element: $icons[iconIndex], score: 1}; var letter = queryLetters[i];
} index = iconName.indexOf(letter, index);
for (var i = 0; i < letters.length; i++) {
var letter = letters[i];
index = icon.indexOf(letter, index);
if (index === -1) { if (index === -1) {
$icons[iconIndex].classList.add('hidden'); element.classList.add('hidden');
return null; return false;
} }
indexes.push(index); score += index;
index++; index++;
} }
return { element.style.setProperty("--order-relevance", score);
element: $icons[iconIndex],
score: indexes.reduce(function(a, b) {
return a + b;
}, 2)
};
}).filter(function(item) {
return item !== null;
});
matchedIcons.sort(function(a, b) {
return a.score - b.score;
}).forEach(function(item, index) {
var element = item.element;
element.setAttribute('data-relevance', index);
element.classList.remove('hidden'); element.classList.remove('hidden');
return true;
}); });
$grid.classList.toggle('search__empty', matchedIcons.length == 0); $grid.classList.toggle('search__empty', matchedIcons.length == 0);
$body.classList.toggle('search__active', matchedIcons.length < icons.length);
if (query === '') { if (query === '') {
if ($orderByRelevance.classList.contains('active')) { if ($orderByRelevance.classList.contains('active')) {
selectOrdering(previousOrdering); selectOrdering(previousOrdering);
} }
$orderByRelevance.setAttribute('display', 'none');
previousQuery = null;
} else { } else {
if (previousQuery === null) { if (previousQuery === '') {
selectOrdering($orderByRelevance); selectOrdering($orderByRelevance);
} }
}
previousQuery = query; previousQuery = query;
}
}
function orderIcons() {
if ($orderByColor.classList.contains('active')) {
$icons.forEach(icon => { icon.style.order = null; });
} else if ($orderAlphabetically.classList.contains('active')) {
$icons.forEach(icon => { icon.style.order = icon.getAttribute('order'); });
} else if ($orderByRelevance.classList.contains('active')) {
$icons.forEach(icon => { icon.style.order = icon.getAttribute('data-relevance'); });
}
} }
function selectOrdering(selected) { function selectOrdering(selected) {
selected.classList.add('active'); // Set the ordering type as a class on body
$body.classList.remove('order-alphabetically', 'order-by-color', 'order-by-relevance');
var options = [$orderByColor, $orderAlphabetically, $orderByRelevance]; if (selected === $orderByColor) {
for (var option of options.filter(option => option !== selected)) { $body.classList.add('order-by-color');
option.classList.remove('active'); } else if (selected === $orderAlphabetically) {
$body.classList.add('order-alphabetically');
} else if (selected === $orderByRelevance) {
$body.classList.add('order-by-relevance');
} }
if (selected !== $orderByRelevance) {
previousOrdering = selected;
} else {
$orderByRelevance.removeAttribute('display');
}
orderIcons();
// Store ordering preference // Store ordering preference
var preferenceOptions = [$orderByColor, $orderAlphabetically]; var preferenceOptions = [$orderByColor, $orderAlphabetically];
if (localStorage && preferenceOptions.includes(selected)) { if (localStorage && preferenceOptions.includes(selected)) {
localStorage.setItem(orderingPreferenceIdentifier, selected.id); localStorage.setItem(orderingPreferenceIdentifier, selected.id);
} }
if (selected !== $orderByRelevance) {
previousOrdering = selected;
}
} }
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
@ -184,7 +157,7 @@
window.history.replaceState(null, '', '/'); window.history.replaceState(null, '', '/');
} }
search(value); search(value);
}, 50), false); }, 200), false);
$searchClose.addEventListener('click', function(e) { $searchClose.addEventListener('click', function(e) {
e.stopPropagation(); e.stopPropagation();

31
stylesheet.css
View file

@ -170,9 +170,6 @@ a.share-button {
margin-left: .5rem; margin-left: .5rem;
opacity: .5; opacity: .5;
} }
.sort-btn.active {
opacity: 1;
}
.sort-btn:first-of-type { .sort-btn:first-of-type {
margin-left: 1rem; margin-left: 1rem;
} }
@ -266,9 +263,6 @@ a.share-button {
.grid-item--dark { .grid-item--dark {
color: #222; color: #222;
} }
.grid-item__link {
color: inherit;
}
@supports not (display: grid) { @supports not (display: grid) {
.grid-item { .grid-item {
border: 0.1875rem solid #FFF; border: 0.1875rem solid #FFF;
@ -295,6 +289,7 @@ a.share-button {
} }
.grid-item__link { .grid-item__link {
color: inherit;
display: block; display: block;
text-align: center; text-align: center;
width: 100%; width: 100%;
@ -359,3 +354,27 @@ a.share-button {
.hidden { .hidden {
display: none; display: none;
} }
body.order-by-color #sort-color {
opacity: 1;
}
body.order-by-relevance .grid-item {
order: var(--order-relevance);
}
body.order-by-relevance #sort-relevance {
opacity: 1;
}
body.order-alphabetically .grid-item {
order: var(--order-alpha);
}
body.order-alphabetically #sort-alphabetically {
opacity: 1;
}
body:not(.search__active) #sort-relevance {
display: none;
}