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

timer, play forwards, import, file document, extension add

Browse Source
This commit is contained in:
MIRZAEV
2026-01-01 18:05:14 +05:00
parent 3b3813315a
commit c4dedad538
5 changed files with 186 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
css/extension_add.css Executable file
View File

@@ -0,0 +1,29 @@
@charset "UTF-8";
i.icon.extension.add {
position: relative;
width: 16px;
height: 16px;
box-sizing: border-box;
display: block;
background:
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 2px/6px 2px,
linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0/2px 6px;
&:after,
&:before {
position: absolute;
bottom: 0;
content: '';
width: 8px;
height: 14px;
box-sizing: border-box;
display: block;
border: 2px solid;
}
&:after {
width: 14px;
height: 8px;
}
}

44
css/file_document.css Executable file
View File

@@ -0,0 +1,44 @@
@charset "UTF-8";
i.icon.file.document {
position: relative;
width: 14px;
height: 16px;
box-sizing: border-box;
display: block;
overflow: hidden;
border-radius: 1px;
border: 2px solid transparent;
border-top: 0;
border-right: 0;
border-top-right-radius: 4px;
box-shadow: 0 0 0 2px;
&:after,
&:before {
position: absolute;
content: '';
box-sizing: border-box;
display: block;
}
&:before {
top: 8px;
left: 0;
width: 10px;
height: 2px;
background: currentColor;
box-shadow:
0 4px 0,
-6px -4px 0;
}
&:after {
top: -1px;
right: -1px;
width: 6px;
height: 6px;
border-bottom: 2px solid;
border-left: 2px solid;
}
}

41
css/import.css vendored Executable file
View File

@@ -0,0 +1,41 @@
@charset "UTF-8";
i.icon.import {
position: relative;
width: 18px;
height: 14px;
box-sizing: border-box;
display: block;
border: 2px solid;
border-top: 0;
box-shadow:
-6px -8px 0 -6px,
6px -8px 0 -6px;
&:after,
&:before {
position: absolute;
content: '';
box-sizing: border-box;
display: block;
}
&:before {
bottom: 5px;
right: 6px;
width: 2px;
height: 14px;
background: currentColor;
}
&:after {
bottom: 4px;
right: 4px;
width: 6px;
height: 6px;
border-bottom: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
}
}

28
css/play_forwards.css Normal file
View File

@@ -0,0 +1,28 @@
@charset "UTF-8";
i.icon.play.forwards {
position: relative;
width: 3px;
height: 10px;
box-sizing: border-box;
display: block;
background: currentColor;
&:after,
&:before {
position: absolute;
left: -7px;
content: '';
width: 0;
height: 10px;
box-sizing: border-box;
display: block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid;
}
&:before {
left: -14px;
}
}

44
css/timer.css Normal file
View File

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