Use feather for starts.

themes/vanilla/assets/scss/style.scss

@@ -249,3 +249,13 @@ figure {
     background-color: #ffee99;
     border-color: #f5c827;
 }
+
+.feather {
+  width: 1rem;
+  height: 1rem;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: currentColor;
+}

themes/vanilla/layouts/partials/icon.html

@@ -0,0 +1,3 @@
+<svg class="feather">
+    <use xlink:href="/feather-sprite.svg#{{ . }}"/>
+</svg>

themes/vanilla/layouts/partials/post.html

@@ -1,5 +1,5 @@
 <li>
-    <a href="{{ .Permalink }}" class="post-title">{{ if .Params.favorite }}🟊{{ end }} {{ .Title }}</a>
+    <a href="{{ .Permalink }}" class="post-title">{{ if .Params.favorite }}{{ partial "icon.html" "star" }}{{ end }} {{ .Title }}</a>
     <p class="post-wordcount">{{ .WordCount }} words, about {{ .ReadingTime }} minutes to read.</p>
     <p class="post-preview">{{ .Summary }} . . .</p>
 </li>