From e728dc7c853268e78bc88d46edc694edb0af8ed9 Mon Sep 17 00:00:00 2001 From: Commander1024 Date: Sat, 2 Oct 2021 09:28:14 +0200 Subject: [PATCH] Added MDI component HTML. --- .../materialdesignicons.hbs | 696 ++++++++++++++++++ 1 file changed, 696 insertions(+) create mode 100644 components/01_Atoms/materialdesignicons/materialdesignicons.hbs diff --git a/components/01_Atoms/materialdesignicons/materialdesignicons.hbs b/components/01_Atoms/materialdesignicons/materialdesignicons.hbs new file mode 100644 index 0000000..4053e97 --- /dev/null +++ b/components/01_Atoms/materialdesignicons/materialdesignicons.hbs @@ -0,0 +1,696 @@ + + + + Material Design Icons + + + + +

Usage

+ 
<span class="mdi mdi-name"></span>
+ +
+ Click the icon, hex codepoint, or name below to copy the value to your clipboard. +
+ +

New Icons -

+
+ +

All Icons -

+
+ +

Deprecated Icons -

+

+ Deprecated icons will be removed in a future major release. +

+
+ +

Extras

+ +

The helper CSS classes are listed below.

+ +
+

Size

+ +
+
+
+ +
+
+ mdi-18px +
+
+
+
+ +
+
+ mdi-24px +
+
+
+
+ +
+
+ mdi-36px +
+
+
+
+ +
+
+ mdi-48px +
+
+
+
+ +

Rotate

+ +
+
+
+ +
+
+
+
+ +
+
+ mdi-rotate-45 +
+
+
+
+ +
+
+ mdi-rotate-90 +
+
+
+
+ +
+
+ mdi-rotate-135 +
+
+
+
+ +
+
+ mdi-rotate-180 +
+
+
+
+ +
+
+ mdi-rotate-225 +
+
+
+
+ +
+
+ mdi-rotate-270 +
+
+
+
+ +
+
+ mdi-rotate-315 +
+
+
+ +

Flip

+ +
+
+
+ +
+
+
+
+ +
+
+ mdi-flip-h +
+
+
+
+ +
+
+ mdi-flip-v +
+
+
+ +

Note: We do not include the ability to use mdi-flip-* and + mdi-rotate-* at the same time.

+ +

Spin

+ +
+
+
+ +
+
+ mdi-spin +
+
+
+
+ +
+
+ mdi-spin +
+
+
+ +

Color

+ +
+
+
+ +
+
+ mdi-light +
+
+
+
+ +
+
+ mdi-light mdi-inactive +
+
+
+
+ +
+
+ mdi-dark +
+
+
+
+ +
+
+ mdi-dark mdi-inactive +
+
+
+ + + + +