Release v3.13.0

# New

- Update `simple-icons` to v3.13.0
- Use the simple-icons font with the classes `.si`, `.si-[ICON NAME]`, and `.si--color`

# Removed

- Use the simple-icons font with the classes `.simpleicons`, `.simpleicons-[ICON NAME]`, and `.simpleicons--color`

Author: ericcornelissen

.github/workflows/verify.yml

@@ -58,7 +58,7 @@ jobs:
         name: fonts
         path: font/
     - name: Build test page
-      run: node scripts/buildTestpage.js
+      run: node scripts/build-testpage.js
     - name: Serve testpage
       run: ./node_modules/.bin/anywhere -s -p 8080 -d . -f /preview/testpage.html &
     - name: Take screenshot of testpage

.gitignore

@@ -2,7 +2,7 @@
 node_modules/
 
 # Generated icon font and additional files
-/font/*
+font/
 preview/testpage.html
 
 # Miscellaneous

README.md

@@ -14,8 +14,8 @@ Free SVG icon font for popular brands. See them all on one page at <a href="http
 The font can be served from a CDN such as [JSDelivr][jsdelivr-link] or [Unpkg][unpkg-link]. Simply use the `simple-icons-font` NPM package and specify a version in the URL like the following:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-icons-font@v2/font/simple-icons.min.css" type="text/css">
-<link rel="stylesheet" href="https://unpkg.com/simple-icons-font@2/font/simple-icons.min.css" type="text/css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-icons-font@v3/font/simple-icons.min.css" type="text/css">
+<link rel="stylesheet" href="https://unpkg.com/simple-icons-font@3/font/simple-icons.min.css" type="text/css">
 ```
 
 These examples use the latest major version. This means you won't receive any updates following the next major release. You can use `@latest` instead to receive updates indefinitely. However this may cause an icon to disappear if it has been removed in the latest version.
@@ -40,23 +40,21 @@ You can also [download the latest version of the package][latest-release] and co
 
 ## Usage
 
-Use any of the icons available in simple-icons by adding the following classes to a node in your HTML. Use the `simpleicons--color` class to apply the brand's color to the icon.
+Use any of the icons available in simple-icons by adding the following classes to a node in your HTML. Use the `si--color` class to apply the brand's color to the icon.
 
 ```html
-<i class="simpleicons simpleicons-[ICON NAME]"></i>
-<i class="simpleicons simpleicons-[ICON NAME] simpleicons--color"></i>
+<i class="si si-[ICON NAME]"></i>
+<i class="si si-[ICON NAME] si--color"></i>
 ```
 
 Where `[ICON NAME]` is replaced by the icon name, for example:
 
 ```html
-<i class="simpleicons simpleicons-simpleicons"></i>
-<i class="simpleicons simpleicons-simpleicons simpleicons--color"></i>
+<i class="si si-simpleicons si--color"></i>
 ```
 
 In this example we use the `<i>` tag, but any inline HTML tag should work as you expect.
 
-
 ## Status
 
 [![Build Status][build-status-image]][build-status-link]