add format text icons

15 files changed, 98 insertions, 7 deletions

diff --git a/components/kube/contents/ui/ComposerView.qml b/components/kube/contents/ui/ComposerView.qml
index 2efb69f6..79e2f967 100644
--- a/components/kube/contents/ui/ComposerView.qml
+++ b/components/kube/contents/ui/ComposerView.qml
@@ -270,16 +270,16 @@ Kube.View {
             }
 
             RowLayout {
-                Kube.Button {
-                    text: "b"
+                Kube.IconButton {
+                    iconName: Kube.Icons.bold
                     checkable: true
                 }
-                Kube.Button {
-                    text: "i"
+                Kube.IconButton {
+                    iconName: Kube.Icons.italic
                     checkable: true
                 }
-                Kube.Button {
-                    text: "u"
+                Kube.IconButton {
+                    iconName: Kube.Icons.underline
                     checkable: true
                 }
 
diff --git a/framework/qml/Icons.qml b/framework/qml/Icons.qml
index 4d94f86a..9ac35834 100644
--- a/framework/qml/Icons.qml
+++ b/framework/qml/Icons.qml
@@ -63,5 +63,9 @@ Item {
     property string folder: "folder"
     property string save_inverted: "document-save-inverted"
 
+    property string bold: "format-text-bold-symbolic"
+    property string italic: "format-text-italic-symbolic"
+    property string underline: "format-text-underline-symbolic"
+
 }
 
diff --git a/icons/breeze/icons/actions/16/format-text-bold-inverted.svg b/icons/breeze/icons/actions/16/format-text-bold-inverted.svg
new file mode 100644
index 00000000..b0d595a4
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-bold-inverted.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#f2f2f2;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 2.375 2 C 2.24647 2 2.12349 2.01355 2 2.03125 L 2 3 C 2.5522847 3 3 3.4477153 3 4 L 3 12 C 3 12.552285 2.5522847 13 2 13 L 2 13.96875 C 2.12349 13.98675 2.24647 14 2.375 14 L 3.5 14 L 6.5 14 L 10.25 14 C 12.3275 14 14 12.3275 14 10.25 C 14 8.59629 12.9177 7.21992 11.4375 6.71875 C 12.07059 6.24035 12.5 5.4832 12.5 4.625 C 12.5 3.17075 11.32925 2 9.875 2 L 6.5 2 L 3.5 2 L 2.375 2 z M 6 3 L 9 3 C 9.5522847 3 10 3.8954305 10 5 C 10 6.1045695 9.5522847 7 9 7 L 6 7 L 6 3 z M 6 8 L 6.5 8 L 8.75 8 L 9 8 C 9.0534726 8 9.1038355 8.0261011 9.15625 8.03125 C 10.186547 8.132461 11 9.1861289 11 10.5 C 11 11.880712 10.104569 13 9 13 L 6 13 L 6 8 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/16/format-text-bold.svg b/icons/breeze/icons/actions/16/format-text-bold.svg
new file mode 100644
index 00000000..5c9b5fac
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-bold.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 2.375 2 C 2.24647 2 2.12349 2.01355 2 2.03125 L 2 3 C 2.5522847 3 3 3.4477153 3 4 L 3 12 C 3 12.552285 2.5522847 13 2 13 L 2 13.96875 C 2.12349 13.98675 2.24647 14 2.375 14 L 3.5 14 L 6.5 14 L 10.25 14 C 12.3275 14 14 12.3275 14 10.25 C 14 8.59629 12.9177 7.21992 11.4375 6.71875 C 12.07059 6.24035 12.5 5.4832 12.5 4.625 C 12.5 3.17075 11.32925 2 9.875 2 L 6.5 2 L 3.5 2 L 2.375 2 z M 6 3 L 9 3 C 9.5522847 3 10 3.8954305 10 5 C 10 6.1045695 9.5522847 7 9 7 L 6 7 L 6 3 z M 6 8 L 6.5 8 L 8.75 8 L 9 8 C 9.0534726 8 9.1038355 8.0261011 9.15625 8.03125 C 10.186547 8.132461 11 9.1861289 11 10.5 C 11 11.880712 10.104569 13 9 13 L 6 13 L 6 8 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/16/format-text-italic-inverted.svg b/icons/breeze/icons/actions/16/format-text-italic-inverted.svg
new file mode 100644
index 00000000..f02e927f
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-italic-inverted.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#f2f2f2;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 5 2 L 5 3 L 6 3 L 9 3 L 4.71875 13 L 2 13 L 2 14 L 4.28125 14 L 6.28125 14 L 10 14 L 11 14 L 11 13 L 10 13 L 7 13 L 11.28125 3 L 14 3 L 14 2 L 11.71875 2 L 9.71875 2 L 6 2 L 5 2 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/16/format-text-italic.svg b/icons/breeze/icons/actions/16/format-text-italic.svg
new file mode 100644
index 00000000..ef039468
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-italic.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 5 2 L 5 3 L 6 3 L 9 3 L 4.71875 13 L 2 13 L 2 14 L 4.28125 14 L 6.28125 14 L 10 14 L 11 14 L 11 13 L 10 13 L 7 13 L 11.28125 3 L 14 3 L 14 2 L 11.71875 2 L 9.71875 2 L 6 2 L 5 2 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/16/format-text-underline-inverted.svg b/icons/breeze/icons/actions/16/format-text-underline-inverted.svg
new file mode 100644
index 00000000..c1ee5af5
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-underline-inverted.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#f2f2f2;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 4 2 L 4 4 L 4 5 L 4 9 C 4 10.65685 5.567 12 7.5 12 C 9.433 12 11 10.65685 11 9 L 11 4 L 11 2 L 10 2 L 10 4 L 10 6.90625 L 10 9 C 10 10.10457 9.10457 11 8 11 C 6.89543 11 6 10.10457 6 9 L 6 6.3125 L 6 5 L 6 4 L 6 2 L 4 2 z M 2 13 L 2 14 L 14 14 L 14 13 L 2 13 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/16/format-text-underline.svg b/icons/breeze/icons/actions/16/format-text-underline.svg
new file mode 100644
index 00000000..2a463b7c
--- /dev/null
+++ b/icons/breeze/icons/actions/16/format-text-underline.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs id="defs3051">
+    <style type="text/css" id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#4d4d4d;
+      }
+      </style>
+  </defs>
+ <path style="fill:currentColor;fill-opacity:1;stroke:none" 
+       d="M 4 2 L 4 4 L 4 5 L 4 9 C 4 10.65685 5.567 12 7.5 12 C 9.433 12 11 10.65685 11 9 L 11 4 L 11 2 L 10 2 L 10 4 L 10 6.90625 L 10 9 C 10 10.10457 9.10457 11 8 11 C 6.89543 11 6 10.10457 6 9 L 6 6.3125 L 6 5 L 6 4 L 6 2 L 4 2 z M 2 13 L 2 14 L 14 14 L 14 13 L 2 13 z "
+     class="ColorScheme-Text"
+     />
+</svg>
diff --git a/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic-inverted.svg b/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic-inverted.svg
new file mode 120000
index 00000000..2239c970
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic-inverted.svg
@@ -0,0 +1 @@
+../16/format-text-bold-inverted.svg
\ No newline at end of file
diff --git a/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic.svg b/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic.svg
new file mode 120000
index 00000000..b1e4e2fc
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-bold-symbolic.svg
@@ -0,0 +1 @@
+../16/format-text-bold.svg
\ No newline at end of file
diff --git a/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic-inverted.svg b/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic-inverted.svg
new file mode 120000
index 00000000..f32b8c82
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic-inverted.svg
@@ -0,0 +1 @@
+../16/format-text-italic-inverted.svg
\ No newline at end of file
diff --git a/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic.svg b/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic.svg
new file mode 120000
index 00000000..e53d61bd
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-italic-symbolic.svg
@@ -0,0 +1 @@
+../16/format-text-italic.svg
\ No newline at end of file
diff --git a/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic-inverted.svg b/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic-inverted.svg
new file mode 120000
index 00000000..aedab89a
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic-inverted.svg
@@ -0,0 +1 @@
+../16/format-text-underline-inverted.svg
\ No newline at end of file
diff --git a/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic.svg b/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic.svg
new file mode 120000
index 00000000..0340269a
--- /dev/null
+++ b/icons/breeze/icons/actions/symbolic/format-text-underline-symbolic.svg
@@ -0,0 +1 @@
+../16/format-text-underline.svg
\ No newline at end of file
diff --git a/icons/copybreeze.sh b/icons/copybreeze.sh
index adae54be..a56aedec 100755
--- a/icons/copybreeze.sh
+++ b/icons/copybreeze.sh
@@ -35,7 +35,10 @@ wantedIcons = [
     "checkbox.svg",
     "edit-copy.svg",
     "password-show-on.svg",
-    "password-show-off.svg"
+    "password-show-off.svg",
+    "format-text-bold-symbolic.svg",
+    "format-text-italic-symbolic.svg",
+    "format-text-underline-symbolic.svg"
 ]
 
 def ensure_dir(file_path):