--- --- {% assign iconsUnsortedString = "" %} {% assign greyscaleIconsUnsortedString = "" %} {% for icon in site.data.simple-icons.icons %} {% assign title = icon.title %} {% assign filename = icon.title | replace: "+", "plus" | replace: " ", "" | replace: ".", "" | replace: "-", "" | replace: "!", "" | replace: "’", "" | downcase %} {% assign hex = icon.hex %} {% assign hex = icon.hex %} {% assign hexCharacter1 = hex | slice: 0, 1 %} {% assign hexCharacter2 = hex | slice: 1, 1 %} {% assign hexCharacter3 = hex | slice: 2, 1 %} {% assign hexCharacter4 = hex | slice: 3, 1 %} {% assign hexCharacter5 = hex | slice: 4, 1 %} {% assign hexCharacter6 = hex | slice: 5, 1 %} {% capture hexCharacterString %}{{ hexCharacter1 }},{{ hexCharacter2 }},{{ hexCharacter3 }},{{ hexCharacter4 }},{{ hexCharacter5 }},{{ hexCharacter6 }}{% endcapture %} {% assign hexCharacterArray = hexCharacterString | split: "," %} {% assign rgbString = "" %} {% for hexCharacter in hexCharacterArray %} {% case hexCharacter %} {% when "A" %} {% assign rgbString = rgbString | append: "10" %} {% when "B" %} {% assign rgbString = rgbString | append: "11" %} {% when "C" %} {% assign rgbString = rgbString | append: "12" %} {% when "D" %} {% assign rgbString = rgbString | append: "13" %} {% when "E" %} {% assign rgbString = rgbString | append: "14" %} {% when "F" %} {% assign rgbString = rgbString | append: "15" %} {% else %} {% assign rgbString = rgbString | append: hexCharacter %} {% endcase %} {% unless forloop.last %}{% assign rgbString = rgbString | append: "," %}{% endunless %} {% endfor %} {% assign rgbArray = rgbString | split: "," %} {% assign rgbRed = rgbArray[0] | times: 16 | plus: rgbArray[1] | divided_by: 255.0 | round: 2 %} {% assign rgbGreen = rgbArray[2] | times: 16 | plus: rgbArray[3] | divided_by: 255.0 | round: 2 %} {% assign rgbBlue = rgbArray[4] | times: 16 | plus: rgbArray[5] | divided_by: 255.0 | round: 2 %} {% assign rgbMax = 0.0 %} {% if rgbRed > rgbMax %} {% assign rgbMax = rgbRed %} {% endif %} {% if rgbGreen > rgbMax %} {% assign rgbMax = rgbGreen %} {% endif %} {% if rgbBlue > rgbMax %} {% assign rgbMax = rgbBlue %} {% endif %} {% assign rgbMin = 1.0 %} {% if rgbRed < rgbMin %} {% assign rgbMin = rgbRed %} {% endif %} {% if rgbGreen < rgbMin %} {% assign rgbMin = rgbGreen %} {% endif %} {% if rgbBlue < rgbMin %} {% assign rgbMin = rgbBlue %} {% endif %} {% assign hslLuminance = rgbMax | plus: rgbMin | times: 50.0 %} {% assign rgbDelta = rgbMax | minus: rgbMin %} {% if rgbDelta == 0 %} {% assign hslHue = 0 %} {% assign hslSaturation = 0 %} {% else %} {% if hslLuminance < 0.5 %} {% assign rgbMaxPlusMin = rgbMax | plus: rgbMin %} {% assign hslSaturation = 100 | times: rgbDelta | divided_by: rgbMaxPlusMin %} {% else %} {% assign rgbTwoMinusMaxMinusMin = 2 | minus: rgbMax | minus: rgbMin %} {% assign hslSaturation = 100 | times: rgbDelta | divided_by: rgbTwoMinusMaxMinusMin %} {% endif %} {% if rgbMax == rgbRed %} {% assign hslHue = rgbGreen | minus: rgbBlue | divided_by: rgbDelta | times: 60.0 | modulo: 360.0 %} {% elsif rgbMax == rgbGreen %} {% assign hslHue = rgbBlue | minus: rgbRed | divided_by: rgbDelta | plus: 2.0 | times: 60.0 | modulo: 360.0 %} {% else %} {% assign hslHue = rgbRed | minus: rgbGreen | divided_by: rgbDelta | plus: 4.0 | times: 60.0 | modulo: 360.0 %} {% endif %} {% assign hslHue = hslHue | plus: 90.0 | modulo: 360.0 %} {% endif %} {% if hslSaturation < 10 %} {% assign hslLuminance = hslLuminance | round: 0 | prepend: "000" | slice: -3, 3 %} {% capture greyscaleIconsUnsortedString %}{{ greyscaleIconsUnsortedString }}{{ hslLuminance }},{{ filename }},{{ hslHue }},{{ hslSaturation }},{{ hex }},{{ title }}{% unless forloop.last %};{% endunless %}{% endcapture %} {% else %} {% assign hslHue = hslHue | round: 0 | prepend: "000" | slice: -3, 3 %} {% capture iconsUnsortedString %}{{ iconsUnsortedString }}{{ hslHue }},{{ hslSaturation }},{{ hslLuminance }},{{ filename }},{{ hex }},{{ title }}{% unless forloop.last %};{% endunless %}{% endcapture %} {% endif %} {% endfor %} {% assign iconsArray = iconsUnsortedString | split: ";" %} {% assign iconsArray = iconsArray | sort %} {% assign greyscaleIconsArray = greyscaleIconsUnsortedString | split: ";" %} {% assign greyscaleIconsArray = greyscaleIconsArray | sort | reverse %} Simple Icons
  • Simple Icons
  • About
  • GitHub
  • {% for icon in iconsArray %} {% assign iconArray = icon | split: "," %}
  • {% assign filePath = iconArray[3] | prepend: "icons/" | append: ".svg" %} {% include_relative {{ filePath }} %}

    {{ iconArray[5] }}

    #{{ iconArray[4] }}

  • {% endfor %} {% for icon in greyscaleIconsArray %} {% assign iconArray = icon | split: "," %}
  • {% assign filePath = iconArray[1] | prepend: "icons/" | append: ".svg" %} {% include_relative {{ filePath }} %}

    {{ iconArray[5] }}

    #{{ iconArray[4] }}

  • {% endfor %}

A CC0 project maintained by Dan Leech.

Use GitHub for requests, corrections and contributions.