1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | background: |
9 | linear-gradient( |
10 | |
11 | |
12 | transparent |
13 | |
14 | linear-gradient( |
15 | |
16 | |
17 | transparent |
18 | ) no-repeat |
19 | |
20 | |
21 | |
22 | |
23 | |
24 | |
25 | |
26 | |
27 | |
28 | |
29 | |
30 | |
31 | |
32 | |
33 | |
34 | |
35 | |
36 | |
37 |
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 | d="M |
18 | fill="currentColor" |
19 | /> |
20 | <path |
21 | d="M |
22 | fill="currentColor" |
23 | /> |
24 | </svg> |
1 | import React from 'react' |
2 | import styled from 'styled-components' |
3 | |
4 | const StyledFigma = 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 | return ( |
36 | <> |
37 | |
38 | </> |
39 | ) |
40 | |
41 | ) |
42 |
SimilarView all - 704 icons
Figma ended up a magic 100% CSS icon created by adopting features like: width, height, transform, background, border-radius, box-shadow,
Some stats, it has: 37 Lines of code at 714b & 520b minified. Quite stunning 🤩 huhh.
Some stats, it has: 37 Lines of code at 714b & 520b minified. Quite stunning 🤩 huhh.