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

css/extension_add.css

@@ -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;
+	}
+}

css/file_document.css

@@ -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;
+	}
+}

css/import.css

@@ -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);
+	}
+
+}

css/infinity.css

@@ -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;
+	}
+}

css/lightning.css

@@ -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;
+	}
+}

css/play_forwards.css

@@ -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;
+	}
+}

css/timer.css

@@ -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);
+	}
+}