inline icon

src/pages/_includes/layout/footer.html

@@ -8,7 +8,7 @@
 					<li class="list-inline-item"><a href="{{ site.github-url }}" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
 					<li class="list-inline-item">
 						<a href="{{ site.github-sponsors-url }}" target="_blank" class="link-secondary" rel="noopener">
-							{% include ui/icon.html icon="heart" color="pink" %}
+							{% include ui/icon.html icon="heart" inline=true filled=true color="pink" %}
 							Sponsor
 						</a>
 					</li>

src/pages/_includes/ui/icon.html

@@ -16,6 +16,10 @@
 {% assign replace-to = replace-to | append: ' icon-filled' %}
 {% endif %}
 
+{% if include.inline %}
+{% assign replace-to = replace-to | append: ' icon-inline' %}
+{% endif %}
+
 {% if include['size'] %}
 {% assign replace-to = replace-to | append: ' icon-' | append: include['size'] %}
 {% endif %}