diff --git a/packages/mindplot/assets/icons/face_crying.svg b/packages/mindplot/assets/icons/face_crying.svg
new file mode 100644
index 00000000..9044dca2
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_crying.svg
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_love.svg b/packages/mindplot/assets/icons/face_love.svg
new file mode 100644
index 00000000..9db78523
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_love.svg
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_plain.svg b/packages/mindplot/assets/icons/face_plain.svg
new file mode 100644
index 00000000..cd4d3f26
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_plain.svg
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_sad.svg b/packages/mindplot/assets/icons/face_sad.svg
new file mode 100644
index 00000000..f3033bc9
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_sad.svg
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_smile.svg b/packages/mindplot/assets/icons/face_smile.svg
new file mode 100644
index 00000000..c851906e
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_smile.svg
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_smile_big.svg b/packages/mindplot/assets/icons/face_smile_big.svg
new file mode 100644
index 00000000..6ee9e6b7
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_smile_big.svg
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_surprise.svg b/packages/mindplot/assets/icons/face_surprise.svg
new file mode 100644
index 00000000..a11a1ff0
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_surprise.svg
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/face_wink.svg b/packages/mindplot/assets/icons/face_wink.svg
new file mode 100644
index 00000000..b503fa45
--- /dev/null
+++ b/packages/mindplot/assets/icons/face_wink.svg
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/funy_angel.svg b/packages/mindplot/assets/icons/funy_angel.svg
new file mode 100644
index 00000000..9db78523
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_angel.svg
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/funy_devilish.svg b/packages/mindplot/assets/icons/funy_devilish.svg
new file mode 100644
index 00000000..3c72984b
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_devilish.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/funy_glasses.svg b/packages/mindplot/assets/icons/funy_glasses.svg
new file mode 100644
index 00000000..6427ac0d
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_glasses.svg
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/funy_grin.svg b/packages/mindplot/assets/icons/funy_grin.svg
new file mode 100644
index 00000000..6ee9e6b7
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_grin.svg
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/funy_kiss.svg b/packages/mindplot/assets/icons/funy_kiss.svg
new file mode 100644
index 00000000..cbbc773d
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_kiss.svg
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/funy_monkey.svg b/packages/mindplot/assets/icons/funy_monkey.svg
new file mode 100644
index 00000000..c851906e
--- /dev/null
+++ b/packages/mindplot/assets/icons/funy_monkey.svg
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/hard_controller.svg b/packages/mindplot/assets/icons/hard_controller.svg
new file mode 100644
index 00000000..25f8b1c0
--- /dev/null
+++ b/packages/mindplot/assets/icons/hard_controller.svg
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/hard_keyboard.svg b/packages/mindplot/assets/icons/hard_keyboard.svg
new file mode 100644
index 00000000..e5ea697d
--- /dev/null
+++ b/packages/mindplot/assets/icons/hard_keyboard.svg
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/sign_cancel.svg b/packages/mindplot/assets/icons/sign_cancel.svg
new file mode 100644
index 00000000..4ff468f3
--- /dev/null
+++ b/packages/mindplot/assets/icons/sign_cancel.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/sign_closed.svg b/packages/mindplot/assets/icons/sign_closed.svg
new file mode 100644
index 00000000..9b70e5dc
--- /dev/null
+++ b/packages/mindplot/assets/icons/sign_closed.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/sign_info.svg b/packages/mindplot/assets/icons/sign_info.svg
index 0842a79c..c8ec2632 100644
--- a/packages/mindplot/assets/icons/sign_info.svg
+++ b/packages/mindplot/assets/icons/sign_info.svg
@@ -1,5 +1,62 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/icons/sign_warning.html b/packages/mindplot/assets/icons/sign_warning.html
new file mode 100644
index 00000000..0868bc13
--- /dev/null
+++ b/packages/mindplot/assets/icons/sign_warning.html
@@ -0,0 +1,5794 @@
+
+
+
+
+
+
+ Alarm, attention, warning icon - Free download on Iconfinder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cart
+
+
+
+
+
+
+
+ Upgrade to Pro
+
+
+
+
+
+
+
+ Pricing
+
+
+
+
+
+ Sign in
+
+
+ Sign up
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Alarm, attention, warning icon
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Change colors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Free icon
+
+
+
+
+ You will spend 0 credits when downloading with
+
+
+ Free for commercial use
+
+
+
+
+
+
+
+ PNG
+
+
+
+
+ SVG
+
+
+
+
+
+ Other
+
+
+
+
+ Help with formats
+
+
+ PNG
+ The PNG format is widely supported and works best with presentations and web design. It is not vectorized which makes it unsuitable for enlarging after download or for print use.
+
+ SVG
+ The SVG format is vectorized which makes it editable and widely supported by design software and web browsers. SVGs can be scaled to any size without loss in quality, which also makes them suitable for print purposes.
+
+
+ Other
+ For other, more specific purposes, the icon is also available for download in formats such as
+
+
+ AI
+
+
+
+ ICO
+
+
+
+ ICNS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 48 vector (SVG) icons - Go to icon set page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Upgrade to Pro
+
Access million of icons and illustrations for a better price.
+
Compare plans
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Black Friday
+
+
+ Get 70% off the first month or year on all Pro subscriptions.
+
+
+
Enjoy the largest library of 5M icons and 20k illustrations.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ratings on G2 and Trustpilot
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/mindplot/assets/icons/sign_warning.svg b/packages/mindplot/assets/icons/sign_warning.svg
new file mode 100644
index 00000000..b9e81385
--- /dev/null
+++ b/packages/mindplot/assets/icons/sign_warning.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/packages/mindplot/assets/images/hard_computer.svg b/packages/mindplot/assets/images/hard_computer.svg
new file mode 100644
index 00000000..37312ac2
--- /dev/null
+++ b/packages/mindplot/assets/images/hard_computer.svg
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/images/links.png b/packages/mindplot/assets/images/links.png
deleted file mode 100644
index dd3b830f..00000000
Binary files a/packages/mindplot/assets/images/links.png and /dev/null differ
diff --git a/packages/mindplot/assets/images/links.svg b/packages/mindplot/assets/images/links.svg
index 43c700f5..94ce26b6 100644
--- a/packages/mindplot/assets/images/links.svg
+++ b/packages/mindplot/assets/images/links.svg
@@ -1,7 +1,47 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/assets/images/notes.svg b/packages/mindplot/assets/images/notes.svg
new file mode 100644
index 00000000..ac496d6a
--- /dev/null
+++ b/packages/mindplot/assets/images/notes.svg
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/mindplot/cypress/integration/playground.test.js b/packages/mindplot/cypress/integration/playground.test.js
index 7119ffdb..877528d4 100644
--- a/packages/mindplot/cypress/integration/playground.test.js
+++ b/packages/mindplot/cypress/integration/playground.test.js
@@ -9,7 +9,7 @@ context('Playground', () => {
cy.matchImageSnapshot('layout');
});
it('viewmode page should match its snapshot', () => {
- ['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support'].forEach((mapId) => {
+ ['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support', 'icon-sample'].forEach((mapId) => {
cy.visit(`/viewmode.html?id=${mapId}`);
cy.get('#mindplot.ready').should('exist');
cy.matchImageSnapshot(`viewmode-${mapId}`);
diff --git a/packages/mindplot/src/components/NoteIcon.js b/packages/mindplot/src/components/NoteIcon.js
index 7f2d4732..504322d8 100644
--- a/packages/mindplot/src/components/NoteIcon.js
+++ b/packages/mindplot/src/components/NoteIcon.js
@@ -20,7 +20,7 @@ import $ from 'jquery';
import { $msg } from './Messages';
import Icon from './Icon';
import FloatingTip from './widget/FloatingTip';
-import NotesImage from '../../assets/images/notes.png';
+import NotesImage from '../../assets/images/notes.svg';
class NoteIcon extends Icon {
constructor(topic, noteModel, readOnly) {
diff --git a/packages/mindplot/src/components/Topic.js b/packages/mindplot/src/components/Topic.js
index 3b67dffc..fbabd451 100644
--- a/packages/mindplot/src/components/Topic.js
+++ b/packages/mindplot/src/components/Topic.js
@@ -48,7 +48,7 @@ import INodeModel, {
TopicShape,
} from './model/INodeModel';
-const ICON_SCALING_FACTOR = 1.8;
+const ICON_SCALING_FACTOR = 1.2;
class Topic extends NodeGraph {
/**
diff --git a/packages/mindplot/test/playground/map-render/samples/icon-sample.xml b/packages/mindplot/test/playground/map-render/samples/icon-sample.xml
new file mode 100644
index 00000000..166d2161
--- /dev/null
+++ b/packages/mindplot/test/playground/map-render/samples/icon-sample.xml
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file