Move Icons in data. (#29087)

site/content/docs/4.3/extend/icons.md

@@ -11,19 +11,20 @@ Bootstrap doesn't include an icon library by default, but we have a handful of r
 
 We've tested and used these icon sets ourselves.
 
-- [Font Awesome](https://fontawesome.com/)
-- [Feather](https://feathericons.com/)
-- [Octicons](https://octicons.github.com/)
+{{< markdown >}}
+{{< icons.inline >}}
+{{- $type := .Get "type" | default "preferred" -}}
+
+{{- range (index .Site.Data.icons $type) }}
+- [{{ .name }}]({{ .website }})
+{{- end }}
+{{< /icons.inline >}}
+{{< /markdown >}}
 
 ## More options
 
 While we haven't tried these out, they do look promising and provide multiple formats—including SVG.
 
-- [Bytesize](https://github.com/danklammer/bytesize-icons)
-- [Google Material icons](https://material.io/tools/icons/)
-- [Ionicons](https://ionicons.com/)
-- [Dripicons](http://demo.amitjakhu.com/dripicons/)
-- [Ikons](http://ikons.piotrkwiatkowski.co.uk/)
-- [Glyph](https://glyph.smarticons.co/)
-- [Icons8](https://icons8.com/)
-- [icofont](https://icofont.com/)
+{{< markdown >}}
+{{< icons.inline type="more" />}}
+{{< /markdown >}}

site/data/icons.yml

@@ -0,0 +1,25 @@
+preferred:
+  - name: Font Awesome
+    website: https://fontawesome.com/
+  - name: Feather
+    website: https://feathericons.com/
+  - name: Octicons
+    website: https://octicons.github.com/
+
+more:
+  - name: Bytesize
+    website: https://github.com/danklammer/bytesize-icons
+  - name: Google Material icons
+    website: https://material.io/tools/icons/
+  - name: Ionicons
+    website: https://ionicons.com/
+  - name: Dripicons
+    website: http://demo.amitjakhu.com/dripicons/
+  - name: Ikons
+    website: http://ikons.piotrkwiatkowski.co.uk/
+  - name: Glyph
+    website: https://glyph.smarticons.co/
+  - name: Icons8
+    website: https://icons8.com/
+  - name: icofont
+    website: https://icofont.com/