# Icon problem \_\_\_\_\_\_\_\_chevron **URL:** \ **Category:** HTML/CSS\ **Created:** [October 20, 2022, 6:04am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952 "2022-10-20T06:04:19Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Harif07](https://avatars.discourse-cdn.com/v4/letter/h/53a042/32.png) [@Harif07](https://forum.codewithmosh.com/u/Harif07)\ **Post date:** [October 20, 2022, 6:04am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/1 "2022-10-20T06:04:19Z")
Hello guys, I am in the ultimate html/css part 3. In this part I have faced some issue with collapsible part. When I replace chevron icon format in html it fully filled with primary color. What is solution for this issue? ![IMG_20221020_113311](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/f/f6f6d138227353a779d999e4cc7471dd6283b491.jpeg) ![IMG_20221020_113258](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/4/48726bf8d27081946a058e66c7a5a23bc890a8dd.jpeg) ---
**Author:** ![MTownsend](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/mtownsend/32/6311_2.png) [@MTownsend](https://forum.codewithmosh.com/u/MTownsend)\ **Post date:** [October 20, 2022, 7:29am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/2 "2022-10-20T07:29:05Z")
I haven’t seen that course in a while so not sure what video it is. Can you share with a [CodePen](https://codepen.io/Mijuto/pen/JjvQyYY)? ---
**Author:** ![Harif07](https://avatars.discourse-cdn.com/v4/letter/h/53a042/32.png) [@Harif07](https://forum.codewithmosh.com/u/Harif07)\ **Post date:** [October 20, 2022, 8:02am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/3 "2022-10-20T08:02:40Z")
I don’t have account in codepen ---
**Author:** ![D0ll4R](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/d0ll4r/32/4511_2.png) [@D0ll4R](https://forum.codewithmosh.com/u/D0ll4R)\ **Post date:** [October 21, 2022, 7:53pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/4 "2022-10-21T19:53:19Z")
I was facing the exact same issue when I was doing the course a few months back, what you have to do to fix it is just download the project file from the video (in the course) and at the bottom will be a .zip file attached, all you got to do is extract it and grab the chevron.svg and replace it in your vscode project file or just the folder. Hope this helps! ---
**Author:** ![Harif07](https://avatars.discourse-cdn.com/v4/letter/h/53a042/32.png) [@Harif07](https://forum.codewithmosh.com/u/Harif07)\ **Post date:** [October 25, 2022, 1:39pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/5 "2022-10-25T13:39:01Z")
Thank you bro,it’s work ---
**Author:** ![D0ll4R](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/d0ll4r/32/4511_2.png) [@D0ll4R](https://forum.codewithmosh.com/u/D0ll4R)\ **Post date:** [October 26, 2022, 9:34am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/6 "2022-10-26T09:34:12Z")
You’re welcome, friend ---
**Author:** ![EagerDarwin](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@EagerDarwin](https://forum.codewithmosh.com/u/EagerDarwin)\ **Post date:** [November 13, 2022, 7:45pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/7 "2022-11-13T19:45:54Z")
sprite file doesn’t have the fill property for circle. So add the fill property like this circle cx=“25.5” cy=“25.5” r=“25.5” fill=“#393939” ---
**Author:** ![hadi](https://avatars.discourse-cdn.com/v4/letter/h/e99b99/32.png) [@hadi](https://forum.codewithmosh.com/u/hadi)\ **Post date:** [January 22, 2023, 7:01pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/8 "2023-01-22T19:01:23Z")
> [@EagerDarwin](#): > > fill=“#393939” The Best Solution! Thanks Dear Friend ---
**Author:** ![diego10.01](https://avatars.discourse-cdn.com/v4/letter/d/c67d28/32.png) [@diego10.01](https://forum.codewithmosh.com/u/diego10.01)\ **Post date:** [March 29, 2023, 8:56pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/9 "2023-03-29T20:56:39Z")
It worked, thank you so much. ---
**Author:** ![theorion](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/theorion/32/7783_2.png) [@theorion](https://forum.codewithmosh.com/u/theorion)\ **Post date:** [April 4, 2023, 10:26pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/10 "2023-04-04T22:26:33Z")
I also had problems with the background it wouldn’t show up like mosh it was a white background so i made a new class on the span (icon-container) instead of deleting it and added this into the CSS. .icon-container\_\_broke { background: #333; width: 64px; height: 64px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; } ---
**Author:** ![markp](https://avatars.discourse-cdn.com/v4/letter/m/b3f665/32.png) [@markp](https://forum.codewithmosh.com/u/markp)\ **Post date:** [April 29, 2023, 4:56pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/11 "2023-04-29T16:56:31Z")
fill=“#393939” This was the answer i was looking for! ---
**Author:** ![lucidlear](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/lucidlear/32/5477_2.png) [@lucidlear](https://forum.codewithmosh.com/u/lucidlear)\ **Post date:** [June 2, 2023, 10:35pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/12 "2023-06-02T22:35:12Z")
where to apply this attribute fill=“#393939” I tried in the sprite.svg file in the circle tag but it didn’t work ---
**Author:** ![606](https://avatars.discourse-cdn.com/v4/letter/6/43a26b/32.png) [@606](https://forum.codewithmosh.com/u/606)\ **Post date:** [June 18, 2023, 10:40pm UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/14 "2023-06-18T22:40:41Z")
You can apply it by going to your sprite.svg file on vs code, and write the fill=“#393939” property on the chevron section, like the one in this picture 🙂 ![1](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/2/25452e7671f4fa14eceacc65dba0f65ba521d11b.png) ---
**Author:** ![Lizyada](https://avatars.discourse-cdn.com/v4/letter/l/aeb1de/32.png) [@Lizyada](https://forum.codewithmosh.com/u/Lizyada)\ **Post date:** [January 18, 2024, 1:58am UTC](https://forum.codewithmosh.com/t/icon-problem-chevron/15952/15 "2024-01-18T01:58:51Z")
You are a lifesaver!! Thanks.