質問編集履歴
1
コード修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
|
|
4
4
|
上記画像をSVGファイルとして書き出したものが以下です。
|
|
5
5
|
```HTML
|
|
6
|
-
<svg class="list-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
6
|
+
<svg class="list-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
7
|
-
viewBox="0 0 24 24">
|
|
8
|
-
<g id="グループ_2505" data-name="グループ 2505" transform="translate(-36 -106)">
|
|
7
|
+
<g id="グループ_2505" data-name="グループ 2505" transform="translate(-36 -106)">
|
|
9
|
-
<g id="長方形_112" data-name="長方形 112" transform="translate(36 106)"
|
|
8
|
+
<g id="長方形_112" data-name="長方形 112" transform="translate(36 106)" fill="none" stroke="#fff" stroke-width="3">
|
|
10
|
-
stroke="#fff" stroke-width="3">
|
|
11
|
-
<rect width="24" height="10" stroke="none"
|
|
9
|
+
<rect width="24" height="10" stroke="none"/>
|
|
12
|
-
<rect x="1.5" y="1.5" width="21" height="7"
|
|
10
|
+
<rect x="1.5" y="1.5" width="21" height="7" fill="none"/>
|
|
13
|
-
|
|
11
|
+
</g>
|
|
12
|
+
<g id="長方形_113" data-name="長方形 113" transform="translate(36 120)" fill="none" stroke="#fff" stroke-width="3">
|
|
13
|
+
<rect width="24" height="10" stroke="none"/>
|
|
14
|
+
<rect x="1.5" y="1.5" width="21" height="7" fill="none"/>
|
|
15
|
+
</g>
|
|
14
16
|
</g>
|
|
15
|
-
<g id="長方形_113" data-name="長方形 113" transform="translate(36 120)"
|
|
16
|
-
fill="none" stroke="#fff" stroke-width="3">
|
|
17
|
-
<rect width="24" height="10" stroke="none" />
|
|
18
|
-
<rect x="1.5" y="1.5" width="21" height="7"
|
|
19
|
-
fill="none" />
|
|
20
|
-
</g>
|
|
21
|
-
</g>
|
|
22
17
|
</svg>
|
|
23
18
|
```
|
|
24
19
|
svg class="list-icon"をhover時に色を変えたく、
|