1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | background: |
9 | linear-gradient( |
10 | |
11 | transparent |
12 | |
13 | linear-gradient( |
14 | |
15 | transparent |
16 | |
17 | linear-gradient( |
18 | |
19 | transparent |
20 | |
21 | radial-gradient( |
22 | |
23 | transparent |
24 | |
25 | radial-gradient( |
26 | |
27 | transparent |
28 | no-repeat |
29 | |
30 | |
31 | |
32 | |
33 | |
34 | |
35 | |
36 | |
37 | |
38 | |
39 | |
40 | |
41 | |
42 | |
43 | |
44 | |
45 | |
46 | |
47 | |
48 | |
49 | |
50 |
1 | <svg |
2 | width=" |
3 | height=" |
4 | viewBox=" |
5 | fill="none" |
6 | xmlns="http://www.w |
7 | > |
8 | <path |
9 | fill-rule="evenodd" |
10 | clip-rule="evenodd" |
11 | d="M |
12 | fill="currentColor" |
13 | /> |
14 | <path |
15 | d="M |
16 | fill="currentColor" |
17 | /> |
18 | <path |
19 | d="M |
20 | fill="currentColor" |
21 | /> |
22 | </svg> |
1 | import React from 'react' |
2 | import styled from 'styled-components' |
3 | |
4 | const StyledShoppingCart = 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 | return ( |
42 | <> |
43 | |
44 | </> |
45 | ) |
46 | |
47 | ) |
48 |
Related to: Shopping (1) View all - 704 icons
Shopping Cart turned into a wonderful 100% CSS icon made by using attributes like: transform, width, height, background,
Fun to know, it has: 50 Lines of code at 1255b & 830b minified. Truly amazing 😲 for a CSS designed icon.
Fun to know, it has: 50 Lines of code at 1255b & 830b minified. Truly amazing 😲 for a CSS designed icon.