Format Separator
1K Views 52 Downloads - 7 API calls 27 Lines - 511 Bytes Apr 23, 2020 contentinterface1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 | |
11 | |
12 | |
13 | |
14 | |
15 | |
16 | |
17 | |
18 | |
19 | |
20 | |
21 | |
22 | |
23 | box-shadow: |
24 | |
25 | |
26 | |
27 |
1 | <svg |
2 | width=" |
3 | height=" |
4 | viewBox=" |
5 | fill="none" |
6 | xmlns="http://www.w |
7 | > |
8 | <g opacity=" |
9 | <path |
10 | d="M |
11 | fill="currentColor" |
12 | /> |
13 | <path |
14 | d="M |
15 | fill="currentColor" |
16 | /> |
17 | <path |
18 | d="M |
19 | fill="currentColor" |
20 | /> |
21 | <path |
22 | d="M |
23 | fill="currentColor" |
24 | /> |
25 | </g> |
26 | <path |
27 | fill-rule="evenodd" |
28 | clip-rule="evenodd" |
29 | d="M |
30 | fill="currentColor" |
31 | /> |
32 | </svg> |
1 | import React from 'react' |
2 | import styled from 'styled-components' |
3 | |
4 | const StyledFormatSeparator = 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 | return ( |
32 | <> |
33 | |
34 | </> |
35 | ) |
36 | |
37 | ) |
38 |
Related to: Format (16) View all - 704 icons
Format Separator ended up a wonderful CSS icon made by applying features such as: transform, width, height, border-radius, background, opacity, box-shadow,
Fun facts, it has: 27 Lines of code at 511b & 358b after compiling. Actually wonderful 🤗 huhh.
Fun facts, it has: 27 Lines of code at 511b & 358b after compiling. Actually wonderful 🤗 huhh.