mirzaev/icons
1
0
Fork 0
Code Issues Pull Requests Activity

infinity + lightning

Browse Source
This commit is contained in:
MIRZAEV
2025-12-31 14:07:58 +05:00
parent 8b80dae685
commit 3b3813315a
2 changed files with 74 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
css/infinity.css Executable file
View File

@@ -0,0 +1,40 @@
@charset "UTF-8";
i.icon.infinity {
position: relative;
width: 10px;
height: 18px;
box-sizing: border-box;
display: block;
border: 4px solid transparent;
background:
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat -4px 4px/2px 2px,
linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px/2px 2px;
box-shadow: inset 0 0 0 2px;
transform: rotate(-45deg);
&:after,
&:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
box-sizing: border-box;
display: block;
border-radius: 200px;
border: 2px solid;
transform: rotate(45deg);
}
&:after {
top: -4px;
left: -8px;
border-right-color: transparent;
}
&:before {
top: 4px;
right: -8px;
border-left-color: transparent;
}
}

34
css/lightning.css Executable file
View File

@@ -0,0 +1,34 @@
@charset "UTF-8";
i.icon.lightning {
position: relative;
width: 6px;
height: 21px;
box-sizing: border-box;
display: block;
&:after,
&:before {
position: absolute;
content: '';
width: 0;
height: 0;
box-sizing: border-box;
display: block;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
transform: rotate(30deg);
}
&:before {
top: 0;
left: 0;
border-bottom: 12px solid;
}
&:after {
right: 0;
bottom: 0;
border-top: 12px solid;
}
}