added icons and moved to the css directory

css/smile.css

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+
+i.icon.smile {
+	position: relative;
+	width: 20px;
+	height: 20px;
+	box-sizing: border-box;
+	display: block;
+	border-radius: 100px;
+	border: 2px solid;
+
+	&::after,
+	&::before {
+		left: 4px;
+		position: absolute;
+		content: "";
+		box-sizing: border-box;
+		display: block;
+	}
+
+	&::before {
+		top: 5px;
+		width: 2px;
+		height: 2px;
+		border-radius: 50%;
+		background-color: currentColor;
+		box-shadow: 6px 0 0;
+	}
+
+	&::after {
+		top: 9px;
+		width: 8px;
+		height: 4px;
+		border-radius: 150px;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+		border: 2px solid;
+		border-top-color: transparent;
+	}
+
+	&:is(.open) {
+		&::after {
+			border-top-color: initial;
+		}
+	}
+}