Skip to content

Commit 9dc34c9

Browse files
authored
fix: Apply dark theme to the slide left icon (#857)
### Fix * Remove the `fill="black"` property from the svg file ### ChangeLog * Apply the IconColors to the SlideLeft icon
1 parent f8cca3c commit 9dc34c9

File tree

2 files changed

+34
-2
lines changed

2 files changed

+34
-2
lines changed
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# Add Icon
2+
3+
When you add icon.svg files into this directory, there are things that you have to remember.
4+
5+
- You should remove the properties `width`, `height`, and `fill`.
6+
- These properties `width` and `height` disturb to apply the size of Icons
7+
- The property `fill` disturb to apply the icon color using CSS
8+
9+
You will see this kind of codes when attaching svg file.
10+
11+
```html
12+
<svg
13+
xmlns="http://www.w3.org/2000/svg"
14+
width="32px"
15+
height="32px"
16+
viewBox="0 0 64 64"
17+
>
18+
<g fill="none">
19+
<path d="..." fill="black" />
20+
</g>
21+
</svg>
22+
```
23+
24+
So remove those properties to apply the size and color.
25+
26+
```html
27+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
28+
<g fill="none">
29+
<path d="..." />
30+
</g>
31+
</svg>
32+
```

src/svgs/icon-slide-left.svg

Lines changed: 2 additions & 2 deletions
Loading

0 commit comments

Comments
 (0)