# Custom Loading Spinner Component

**URL:** https://meta.discourse.org/t/custom-loading-spinner-component/174801
**Category:** Theme component
**Created:** [January 2, 2021, 2:43pm UTC](https://meta.discourse.org/t/custom-loading-spinner-component/174801 "2021-01-02T14:43:23Z")
**Posts on this page:** 1
**Showing post:** 16

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [October 28, 2023, 1:33am UTC](https://meta.discourse.org/t/custom-loading-spinner-component/174801/16 "2023-10-28T01:33:59Z")

</div>

Wondering about using an svg-icon in place of FontAwesome. Thanks either way.

> [@Replace Discourse's default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736):
>
> You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them [within a theme or theme component.](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7)Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the \<svg\> tag contents from the original SVG icon file into \<symbol\> …

---

_[View the full topic](https://meta.discourse.org/t/custom-loading-spinner-component/174801)._