Refactored to "icon" shortcode instead of "fe" (#309)

* Icon: Refactored to icon shortcode instead of fe + updated old icon code

* Icon: Fixed lucide partial

* Icon: Removed feather references

Author: lamATnginx

exampleSite/content/test-product/feather/_index.md

@@ -6,11 +6,16 @@ weight: 100
 
 [Lucide Icons](https://lucide.dev/) is a free icon library with a permissive license (MIT). We use it for our minimal icon needs in place of FontAwesome in Oldframe.
 
-{{<fe "book-headphones">}}
+{{<icon "book-headphones">}}
 
-[Lucide link{{<fe "circle">}}](#)
+[Lucide link{{<icon "circle">}}](#)
 
-{{<fe "circle">}} in text.
+{{<icon "circle">}} in text.
+
+{{<icon-bug>}}
+{{<icon-feature>}}
+{{<icon-info>}}
+{{<icon-resolved>}}
 
 Here are some icons that are using font-awesome but should be backwards compatible:
 <i class="fa-solid fa-check" style="color:green"></i>
@@ -54,5 +59,5 @@ Here are some icons that are using font-awesome but should be backwards compatib
 <i class="fa fa-chevron-down"></i>
 <i class="fas fa-flask fa-lg beta-icon"></i>
 {{<warning>}}
-This is a Warning callout. There was previously a bug with **bold text** that we should be aware of and continue to check for. This callout was invoked with the `<warning>` shortcode. It has no custom title. {{<fe "octagon-alert">}}
+This is a Warning callout. There was previously a bug with **bold text** that we should be aware of and continue to check for. This callout was invoked with the `<warning>` shortcode. It has no custom title. {{<icon "octagon-alert">}}
 {{</warning>}}

exampleSite/content/test-product/feather/permitted.md

@@ -36,7 +36,7 @@
 <blockquote class="{{ $class }}" data-grid="{{ $dataGrid }}">
   <div>
     <div class="call-out-type">
-      {{ partial "feather" (dict "context" . "icon" $icon) .}}
+      {{ partial "lucide" (dict "context" . "icon" $icon) .}}
       {{ $title }}
     </div>
     <div class="callout-content">

exampleSite/content/test-product/lucide/permitted.md

@@ -1,6 +1,3 @@
 {{- /* Usage: */ -}}
 {{- /* (dict "context" . "icon" "circle") */ -}}
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="lucide"
-    style="{{ .style | safeCSS }}">
-    <use href="/images/lucide-sprite.svg#{{ .icon }}"></use>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="lucide" style="{{ .style | safeCSS }}"><use href="/images/lucide-sprite.svg#{{ .icon }}"></use></svg>

layouts/partials/callout.html

@@ -1 +1 @@
-<i class="fa-solid fa-bug" style="color:#E4002B"></i>
+{{ partial "lucide" (dict "context" . "icon" "bug" "style" "color:#E4002B") }}

layouts/partials/feather.html

@@ -1 +1 @@
-<i class="fa-solid fa-file-circle-plus" style="color:#009639"></i>
+{{ partial "lucide" (dict "context" . "icon" "file-plus" "style" "color:#009639") }}

layouts/partials/lucide.html

@@ -1 +1 @@
-<i class="fa-solid fa-circle-info" style="color:#1d9cd3;"></i>
+{{ partial "lucide" (dict "context" . "icon" "info" "style" "color:#1d9cd3") }}