1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 | |
11 | |
12 | |
13 | |
14 | |
15 | |
16 | |
17 | |
18 | |
19 | |
20 | |
21 | |
22 | |
23 | |
24 | |
25 | |
26 | |
27 | |
28 | |
29 | |
30 | |
31 | |
32 | |
33 | |
34 | |
35 | |
36 | |
37 | |
38 | |
39 | |
40 | |
41 | |
42 | |
43 |
1 | <svg |
2 | width=" |
3 | height=" |
4 | viewBox=" |
5 | fill="none" |
6 | xmlns="http://www.w |
7 | > |
8 | <path |
9 | d="M |
10 | fill="currentColor" |
11 | /> |
12 | <path |
13 | d="M |
14 | fill="currentColor" |
15 | /> |
16 | <path |
17 | fill-rule="evenodd" |
18 | clip-rule="evenodd" |
19 | d="M |
20 | fill="currentColor" |
21 | /> |
22 | </svg> |
1 | import React from 'react' |
2 | import styled from 'styled-components' |
3 | |
4 | const StyledVolume = styled.i` |
5 | |
6 | |
7 | |
8 | |
9 | |
10 | |
11 | |
12 | |
13 | |
14 | |
15 | |
16 | |
17 | |
18 | |
19 | |
20 | |
21 | |
22 | |
23 | |
24 | |
25 | |
26 | |
27 | |
28 | |
29 | |
30 | |
31 | |
32 | |
33 | |
34 | |
35 | |
36 | |
37 | |
38 | |
39 | |
40 | |
41 | |
42 | |
43 | |
44 | |
45 | ` |
46 | |
47 | |
48 | |
49 | return ( |
50 | <> |
51 | |
52 | </> |
53 | ) |
54 | |
55 | ) |
56 |
SimilarView all - 704 icons
Volume became a wonderful 100% CSS icon built by adopting features like: transform, width, height, border, border-right, -webkit-perspective, perspective, border-left,
Fun to know, it has: 43 Lines of code at 865b & 622b after compiling. Actually stunning 🤩 huhh.
Fun to know, it has: 43 Lines of code at 865b & 622b after compiling. Actually stunning 🤩 huhh.