v2 first commit

resources/assets/sass/core/icons/_icon-actions.scss

@@ -0,0 +1,57 @@
+//
+// Icon action
+//
+
+
+.icon-actions {
+    > a {
+        display: inline-block;
+        margin-right: .75rem;
+        color: $gray-600;
+        font-size: .875rem;
+
+        &:last-of-type {
+            margin-right: 0;
+        }
+
+        span {
+            margin-left: .1875rem;
+            font-weight: $font-weight-bold;
+            color: $text-muted;
+        }
+
+        &:hover {
+            span {
+                color: darken($text-muted, 10%);
+            }
+        }
+    }
+
+    > a,
+    > a:hover,
+    > a.active {
+        color: $gray-800;
+    }
+
+    > .favorite:hover,
+    > .favorite.active {
+        color: $favorite-color;
+    }
+
+    > .love:hover,
+    > .love.active {
+        color: $love-color;
+    }
+
+    > .like:hover,
+    > .like.active {
+        color: $like-color;
+    }
+}
+
+.icon-actions-lg {
+    a {
+        font-size: 1.25rem;
+        margin-right: .875rem;
+    }
+}

resources/assets/sass/core/icons/_icon-shape.scss

@@ -0,0 +1,48 @@
+//
+// Icon shape
+//
+
+
+.icon-shape {
+	padding: 12px;
+	text-align: center;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 50%;
+
+
+	i, svg {
+		font-size: 1.25rem;
+	}
+
+	&.icon-lg {
+		i, svg {
+			font-size: 1.625rem;
+		}
+	}
+
+	&.icon-sm {
+		i, svg {
+			font-size: .875rem;
+		}
+	}
+
+	&.icon-xs {
+		i, svg {
+			font-size: .6rem;
+		}
+	}
+
+	svg {
+		width: 30px;
+		height: 30px;
+	}
+
+}
+
+@each $color, $value in $theme-colors {
+	.icon-shape-#{$color} {
+		@include icon-shape-variant(theme-color($color));
+	}
+}

resources/assets/sass/core/icons/_icon.scss

@@ -0,0 +1,80 @@
+//
+// Icon
+//
+
+.icon {
+	width: $icon-size;
+	height: $icon-size;
+
+	i, svg {
+		font-size: $icon-size - .75;
+	}
+
+    + .icon-text {
+    	padding-left: 1rem;
+    	width: calc(100% - #{$icon-size} - 1);
+    }
+}
+
+
+// Extra large icons
+
+.icon-xl {
+	width: $icon-size-xl;
+	height: $icon-size-xl;
+
+	i, svg {
+		font-size: $icon-size-xl - .75;
+	}
+
+    + .icon-text {
+    	width: calc(100% - #{$icon-size-xl} - 1);
+    }
+}
+
+
+// Large icons
+
+.icon-lg {
+	width: $icon-size-lg;
+	height: $icon-size-lg;
+
+	i, svg {
+		font-size: $icon-size-lg - .75;
+	}
+
+    + .icon-text {
+    	width: calc(100% - #{$icon-size-lg} - 1);
+    }
+}
+
+
+// Small icon
+
+.icon-sm {
+	width: $icon-size-sm;
+	height: $icon-size-sm;
+
+	i, svg {
+		font-size: $icon-size-sm - .75;
+	}
+
+    + .icon-text {
+    	width: calc(100% - #{$icon-size-sm} - 1);
+    }
+}
+
+// Extra Small icon
+
+.icon-xs {
+	width: $icon-size-xs;
+	height: $icon-size-xs;
+
+	i, svg {
+		font-size: $icon-size-xs - .75;
+	}
+
+    + .icon-text {
+    	width: calc(100% - #{$icon-size-xs} - 1);
+    }
+}