# Replace Spinner with a logo
**URL:** https://meta.discourse.org/t/replace-spinner-with-a-logo/119849
**Category:** Support
**Created:** [6월 9, 2019, 4:19오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849 "2019-06-09T16:19:35Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@kmdonovan1](https://meta.discourse.org/u/kmdonovan1)
#### Post date: [6월 9, 2019, 4:19오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/1 "2019-06-09T16:19:36Z")
How can I replace a generic spinner with a logo?
Here is the CSS code
```css
.spinner {
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
background-color: #ffffff;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
```
I would like to replace the generic white cube with a logo. Any suggestions?
Thanks
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [6월 11, 2019, 8:18오전 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/2 "2019-06-11T08:18:48Z")
Avoid repositioning; you simply need to overwrite the current icon, so add the `background-image` and the `background-size`.
```css
.spinner {
width: 40px;
height: 40px;
background-color: #ffffff;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
background-image: url("URL-of-your-logo-image-here");
background-size: 40px 40px;
}
```
---
### Author:  [@kmdonovan1](https://meta.discourse.org/u/kmdonovan1)
#### Post date: [6월 11, 2019, 4:35오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/3 "2019-06-11T16:35:57Z")
Thanks! Let me play with the code and see if can make it work.
The website is [lajollacreative.com](http://lajollacreative.com) still a work in progress.
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [9월 27, 2020, 12:40오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/4 "2020-09-27T12:40:29Z")
저희가 직접 만든 '스피너’를 여기에 소개해 보고 싶었습니다. 저희는 3D 그래픽 커뮤니티이기 때문에 차원을 한 단계 더 올려야 했죠 🙂 [https://blenderartists.org/에서](https://blenderartists.org/%EC%97%90%EC%84%9C) 확인해 보세요.
---
### Author:  [@riking](https://meta.discourse.org/u/riking)
#### Post date: [9월 27, 2020, 12:45오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/5 "2020-09-27T12:45:11Z")
여기 또 하나 있습니다:
> [@첫 번째 이후 2년 만에 만든 두 번째 Discourse 포럼](https://meta.discourse.org/t/my-2nd-discourse-forum-3-years-after-the-first-one/165489?u=riking):
>
> 2년 넘게 전에, 아주 오래된 포럼을 Discourse로 이전했습니다. 제 경험을 여기에 공유합니다: [Moved from PluXml and phpBB to Wordpress and Discourse, my all-new experience tada](https://meta.discourse.org/t/moved-from-pluxml-and-phpbb-to-wordpress-and-discourse-my-all-new-experience/90636/1) 이번에는 vBulletin5 포럼을 이전했습니다. 이 포럼은 20년 동안 가장 큰 유니사이클링 커뮤니티였지만, 메일링 리스트와 뉴스그룹의 콘텐츠가 오래전에 가져와지면서 1993년까지 올라간 주제들이 포함되어 있습니다. 따라서 이 니치 스포츠에 관한 거의 30년 된 온라인 정보를 담고 있으며, 이는 상당히 독특한 점입니다. 최근 몇 년 동안 포럼 활동이 감소했으며, 최근의 vBulletin 3에서 vBulletin5로의 이전으로 인해 문제가 발생하여 방문 빈도가 더욱 줄었습니다. 그리고 물론, 많은 포럼 사용자를 끌어들이는 그 지긋한 Facebook 그룹들이 있습니다… expressionless_face 저는 현재 관리자에게 Di…
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [9월 27, 2020, 12:58오후 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/6 "2020-09-27T12:58:13Z")
저의 로딩 아이콘은 gif 형식인데, 로딩 HTML 코드를 커스터마이징할 수 있는 테마 컴포넌트를 실제로 만든 사람이 있는지 궁금합니다.
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [10월 25, 2020, 9:59오전 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/7 "2020-10-25T09:59:13Z")
조금 더 재미를 더하기 위해 [커뮤니티에 새로운 스피너를 디자인해 보자는 챌린지](https://blenderartists.org/t/design-a-new-blender-artists-spinner/1260536/)를 내보았습니다. 한 달에 한 번 정도 애니메이션을 변경할 예정입니다.
첫 번째로 선택한 스피너는 Blender의 렌더링 과정을 표현한 것입니다:
[ ](https://blenderartists.org/uploads/default/original/4X/4/9/c/49c6d6edc4c5b4cb1ac9c6c96e3a3955a4756d61.gif)
수정: 실수로 메타가 업로드된 gif를 jpg로 변환해 버렸네요 :-/ [여기를 클릭하여 원본 보기](https://media.blenderartists.org/uploads/default/original/4X/4/9/c/49c6d6edc4c5b4cb1ac9c6c96e3a3955a4756d61.gif) (또는 우리 사이트를 방문하여 동작하는 모습을 확인하세요).
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [10월 25, 2020, 10:19오전 UTC](https://meta.discourse.org/t/replace-spinner-with-a-logo/119849/8 "2020-10-25T10:19:01Z")
이 주제에 관심 있는 분들에게 흥미로울 수 있습니다:
> [@로딩 아이콘 사용자 지정](https://meta.discourse.org/t/customize-the-loading-icon/165743):
>
> 로딩 아이콘 커스터마이징 주요 로딩 아이콘은 변경되지만, 작은 로딩 아이콘(작성 창, 검색 메뉴 등)은 변경되지 않습니다. 현재 테마를 편집하거나 새로운 테마 컴포넌트를 생성합니다. \ 태그 안으로 이동하여 아래 코드를 붙여넣습니다: \