Added new card element for icons.

generator/css/cards.css

 .card {
     border: 2mm solid;
-    border-radius: 4px;
     box-sizing: border-box;
     position: relative;
     display: flex;
     flex-direction: column;
     font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
     font-size: 8pt;
+    overflow: hidden;
 }
 
 .card-content-container {
     line-height: 18px;
     margin-bottom: 0.0em;
 }
+.card-inline-icon {
+    background-size: auto 80%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    position: relative;
+    border-radius: 2mm;
+}
+
+.card-inline-icon.align-left {
+}
+
+.card-inline-icon.align-right {
+    margin-right: 0px;
+}
+
+.card-inline-icon.align-center {
+    left: 50%;
+}
+
 .card-property-line {
     text-indent: -1em;
     margin-left: 1em;

generator/js/cards.js

     return '<div class="card-element card-subtitle">' + subtitle + '</div>';
 }
 
+function card_element_inline_icon(params, card_data, options) {
+    var icon = params[0] || "";
+    var size = params[1] || "40";
+    var align = params[2] || "center"
+    var margin_left = 0
+    var color = card_data_color_front(card_data, options);
+    if(align == "center") {
+        margin_left = (size/-2) + 'px'
+    }
+    else if(align == 'right') {
+        margin_left = 'auto'
+    }
+    return '<div class="card-element card-inline-icon align-' + align + ' icon-' + icon + '" style ="height:' + size + 'px; width: ' + size + 'px; margin-left: ' + margin_left + '; background-color: ' + color + '"></div>';
+}
+
 function card_element_picture(params, card_data, options) {
     var url = params[0] || "";
 	var height = params[1] || "";
     fill: card_element_fill,
     section: card_element_section,
     disabled: card_element_empty,
-	picture: card_element_picture
+    picture: card_element_picture,
+    icon: card_element_inline_icon
 };
 
 // ============================================================================