{"id":7726,"date":"2020-12-12T17:17:11","date_gmt":"2020-12-12T16:17:11","guid":{"rendered":"https:\/\/www.nerdiy.de\/?p=7726"},"modified":"2020-12-12T18:55:57","modified_gmt":"2020-12-12T17:55:57","slug":"howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display","status":"publish","type":"post","link":"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/","title":{"rendered":"HowTo: pxlBlck \u2013 design icons, transfer them to the pxlBlck and display them"},"content":{"rendered":"<p>I started developing the pxlBlcks because I was looking for a way to stay informed about events in the SmartHome. There are now two options integrated into the pxlBlck plugin.<\/p>\n\n\n\n<p>In addition to the option of displaying animations, there is also the option of loading predefined icons onto the pxlBlck and displaying them there. <\/p>\n\n\n\n<p>These icons are created beforehand using an image editing program and transferred to the pxlBlck. They can then be displayed by entering the correct command.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/rkYlSwDwFLg?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><figcaption>In this video you can see the playback of various social media icons including the message on the pxlBlck_32x8.<\/figcaption><\/figure>\n\n\n\n<p>How to create these icons, transfer them to the pxlBlck and then display them there is described in the following article.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2><span style=\"color: #ff0000;\">Safety instructions <\/span><\/h2>\r\n<p><span style=\"color: #ff0000;\">I know the following notes are always kind of annoying and seem unnecessary. Unfortunately, many people who knew &quot;better&quot; have lost eyes, fingers or other things due to carelessness or injured themselves. Data loss is almost negligible in comparison, but even these can be really annoying. Therefore, please take five minutes to read the safety instructions. Because even the coolest project is not worth injury or other trouble.<\/span><br \/><strong><em><a href=\"https:\/\/nerdiy.de\/en\/safety-instructions\/\"><span style=\"color: #ff0000;\">https:\/\/www.nerdiy.de\/sicherheitshinweise\/<\/span><\/a><\/em><\/strong><\/p>\r\n<h2>Affiliate links\/advertising links<\/h2>\r\n<p><em>The links to online shops listed here are so-called affiliate links. If you click on such an affiliate link and make a purchase via this link, Nerdiy.de will receive a commission from the relevant online shop or provider. The price does not change for you. If you make your purchases via these links, you support Nerdiy.de in being able to offer other useful projects in the future. \ud83d\ude42\u00a0<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Requirements<\/h2>\n\n\n\n<p>Before you can display icons on your pxlBlck, you should have already set it up and programmed it. Information on the various hardware platforms can be found in the following category<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em><a href=\"https:\/\/nerdiy.de\/en\/day\/pxlblckplatform\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/nerdiy.de\/tag\/pxlblckplattform\/<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Information on programming and configuring the pxlBlck can be found in the following articles<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/nerdiy.de\/en\/howto-install-and-configure-pxlblck-the-pxlblck-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Install and configure the pxlBlck plugin<\/em><\/strong><\/a><\/li><li><a href=\"https:\/\/nerdiy.de\/en\/howto-pxlblck-commands-to-configure-the-pxlblck\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>pxlBlck - Commands for configuring the pxlBlck<\/em><\/strong><\/a><\/li><li><strong><em><a href=\"https:\/\/nerdiy.de\/en\/howto-configure-pxlblck-clockfaces-and-screensavers-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">pxlBlck - configure clock faces and screensavers<\/a><\/em><\/strong><\/li><\/ul>\n\n\n\n<p><strong>Required tool:<\/strong><br>- none -<\/p>\n\n\n\n<p><strong>Material required<\/strong>l:<br>- none -<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Download GIMP<\/h2>\n\n\n\n<p>In principle, all you need is an image editing program with which you can create or edit .ppm files. <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"607\" data-attachment-id=\"14043\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?fit=1152%2C863&amp;ssl=1\" data-orig-size=\"1152,863\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?fit=810%2C607&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=810%2C607&#038;ssl=1\" alt=\"\" class=\"wp-image-14043 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=1024%2C767&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=768%2C575&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=360%2C270&amp;ssl=1 360w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?resize=80%2C60&amp;ssl=1 80w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-1-2.png?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>One of these programs is \"GIMP\". This is free and you can download it from the following link.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.gimp.org\/downloads\/\"><strong><em>https:\/\/www.gimp.org\/downloads\/<\/em><\/strong><\/a><\/li><\/ul>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Install GIMP<\/h2>\n\n\n\n<p>After downloading \"GIMP\", you must first install the program.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"499\" height=\"392\" data-attachment-id=\"14044\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?fit=499%2C392&amp;ssl=1\" data-orig-size=\"499,392\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?fit=499%2C392&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?resize=499%2C392&#038;ssl=1\" alt=\"\" class=\"wp-image-14044 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?w=499&amp;ssl=1 499w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-2-2.png?resize=300%2C236&amp;ssl=1 300w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>To do this, open the downloaded file and...<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"499\" height=\"392\" data-attachment-id=\"14045\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?fit=499%2C392&amp;ssl=1\" data-orig-size=\"499,392\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?fit=499%2C392&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?resize=499%2C392&#038;ssl=1\" alt=\"\" class=\"wp-image-14045 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?w=499&amp;ssl=1 499w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-3-3.png?resize=300%2C236&amp;ssl=1 300w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>... installs the program.<\/p>\n\n\n\n<p>You can also find information on installing a program in the article <strong><em><a href=\"https:\/\/nerdiy.de\/en\/programs-install-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Install programs - an example<\/a><\/em><\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Create new file<\/h2>\n\n\n\n<p>After installation, you can now get started. To do this, start GIMP.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14046\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14046 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-4-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>GIMP starts with an empty window by default. As you now want to create an icon, you must first create a new file. <\/p>\n\n\n\n<p>To do this, click on \"File\" and \"New\".<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"284\" data-attachment-id=\"14047\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?fit=384%2C284&amp;ssl=1\" data-orig-size=\"384,284\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?fit=384%2C284&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?resize=384%2C284&#038;ssl=1\" alt=\"\" class=\"wp-image-14047 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?w=384&amp;ssl=1 384w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?resize=300%2C222&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-5-2.png?resize=80%2C60&amp;ssl=1 80w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>A window will then open in which you have to open the \"Advanced Options\" by clicking on the plus in the area marked in red.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"598\" data-attachment-id=\"14050\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-5\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?fit=405%2C598&amp;ssl=1\" data-orig-size=\"405,598\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?fit=405%2C598&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?resize=405%2C598&#038;ssl=1\" alt=\"\" class=\"wp-image-14050 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?w=405&amp;ssl=1 405w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-6-4.png?resize=203%2C300&amp;ssl=1 203w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Now set all the options in the dialog box as shown in the image on the left.<\/p>\n\n\n\n<p>The \"Image size\" in the upper red marked area is particularly important. This must match your pxlBlck.<\/p>\n\n\n\n<p>For example, if you want an icon for the <strong><em>pxlBlck_8x8 <\/em><\/strong>design, you must also enter an 8 for \"Width\" and \"Height\".<\/p>\n\n\n\n<p>The dimension of the icon must therefore always match the dimension of the LED matrix used.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Zoom in file view<\/h2>\n\n\n\n<p>Since the file is very small, you should enlarge the image area.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14051\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14051 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-7-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>To do this, click on the magnifying glass symbol and activate the magnifying glass mode.<\/p>\n\n\n\n<p>To enlarge the image, simply drag a square over the area you want to enlarge.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Edit image and draw content<\/h2>\n\n\n\n<p>Now you can finally start editing the icon.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14052\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14052 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-8-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Switch to pen mode to edit the icon. To do this, click on the brush icon in the toolbar and hold down the mouse button. <\/p>\n\n\n\n<p>Another menu will then appear in which you can select the pen symbol. <\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14053\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14053 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-9-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>So that you can now edit the icon pixel by pixel, you must now set the \"pen thickness\" to one pixel. <\/p>\n\n\n\n<p>To do this, move the slider in the area marked in red all the way to the left or set it to one manually.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14054\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14054 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-10-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>You can now edit the image. <\/p>\n\n\n\n<p>To change the pen color, you can use the \"color picker\" to select a different color. <\/p>\n\n\n\n<p>To do this, click on the colored (in this case black) square in the area marked in red.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"406\" height=\"371\" data-attachment-id=\"14055\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?fit=406%2C371&amp;ssl=1\" data-orig-size=\"406,371\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?fit=406%2C371&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?resize=406%2C371&#038;ssl=1\" alt=\"\" class=\"wp-image-14055 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?w=406&amp;ssl=1 406w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-11-2.png?resize=300%2C274&amp;ssl=1 300w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>This opens the \"Color picker\" shown on the left. <\/p>\n\n\n\n<p>Select the color you want to configure for the icon and confirm this by clicking on \"OK\".<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14056\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14056 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-12-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Now you can design the icon according to your wishes. <\/p>\n\n\n\n<p>In the example on the left, I have simply painted a colorful bar. <\/p>\n\n\n\n<p>Note that black squares on the pxlBlck do not light up. the white area, on the other hand, lights up in white.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Export icon to the correct format<\/h2>\n\n\n\n<p>As soon as you have finished editing your icon, you must export it before you can copy it to the pxlBlck.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-attachment-id=\"14057\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?fit=1026%2C800&amp;ssl=1\" data-orig-size=\"1026,800\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?fit=810%2C631&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?resize=810%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-14057 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?resize=1024%2C798&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?resize=300%2C234&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?resize=768%2C599&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-13-2.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>To do this, click on \"File\" again and on \"Export As...\".<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"628\" data-attachment-id=\"14059\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-4\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?fit=950%2C737&amp;ssl=1\" data-orig-size=\"950,737\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?fit=810%2C628&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?resize=810%2C628&#038;ssl=1\" alt=\"\" class=\"wp-image-14059 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?w=950&amp;ssl=1 950w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?resize=300%2C233&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-14-3.png?resize=768%2C596&amp;ssl=1 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>In the dialog box that now opens, you must first check that the option (bottom left) \"Select File Type (By Extension)\" is activated.<\/p>\n\n\n\n<p>Then select a storage location and enter a name of your choice as the file name. However, it is important that the file extension <strong>.ppm<\/strong> reads.<\/p>\n\n\n\n<p>As soon as everything is configured correctly, you can close the dialog box by clicking on \"OK\".<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"628\" data-attachment-id=\"14060\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?fit=950%2C737&amp;ssl=1\" data-orig-size=\"950,737\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?fit=810%2C628&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?resize=810%2C628&#038;ssl=1\" alt=\"\" class=\"wp-image-14060 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?w=950&amp;ssl=1 950w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?resize=300%2C233&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-15-2.png?resize=768%2C596&amp;ssl=1 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>In the small dialog box that opens, confirm that you want to save the file in \"ASCII\" format.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"544\" data-attachment-id=\"14061\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?fit=702%2C544&amp;ssl=1\" data-orig-size=\"702,544\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?fit=702%2C544&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?resize=702%2C544&#038;ssl=1\" alt=\"\" class=\"wp-image-14061 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?w=702&amp;ssl=1 702w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-16-2.png?resize=300%2C232&amp;ssl=1 300w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Your icon file should now have been created in the location you selected.<\/p>\n\n\n\n<p>Make a note of this location, as the icon file will be copied from there to your pxlBlck in the next paragraph.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Copy icons to the pxlBlock<\/h2>\n\n\n\n<p>The created icon file must now be transferred to your pxlBlck.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"537\" data-attachment-id=\"14066\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?fit=1152%2C764&amp;ssl=1\" data-orig-size=\"1152,764\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?fit=810%2C537&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?resize=810%2C537&#038;ssl=1\" alt=\"\" class=\"wp-image-14066 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?resize=1024%2C679&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?resize=300%2C199&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?resize=768%2C509&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cigjz1mef5.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>To do this, switch back to the web menu of your pxlBlck. To do this, you must enter the IP address of the pxlBlck in the address bar of your browser.<\/p>\n\n\n\n<p>Then switch to the \"Tools\" tab by clicking on the button marked in red.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14071\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?fit=1152%2C783&amp;ssl=1\" data-orig-size=\"1152,783\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14071 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?resize=1024%2C696&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?resize=768%2C522&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-vsxinfeqzz.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Scroll to the bottom of the configuration page in the \"Tools\" tab.<\/p>\n\n\n\n<p>Click on the \"File browser\" button there.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"550\" data-attachment-id=\"14073\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?fit=1152%2C782&amp;ssl=1\" data-orig-size=\"1152,782\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?fit=810%2C550&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?resize=810%2C550&#038;ssl=1\" alt=\"\" class=\"wp-image-14073 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?resize=1024%2C695&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?resize=768%2C521&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-yookln1jln.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>In this window you can see all the files that are already stored in the memory of the pxlBlck or ESP8266.<\/p>\n\n\n\n<p>To load the new icon file into this memory, you must first click on the \"Upload\" button.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"550\" data-attachment-id=\"14070\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?fit=1152%2C782&amp;ssl=1\" data-orig-size=\"1152,782\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?fit=810%2C550&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?resize=810%2C550&#038;ssl=1\" alt=\"\" class=\"wp-image-14070 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?resize=1024%2C695&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?resize=768%2C521&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-grqlto5wmq.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>In the next view, click on the \"Browse\" button marked in red...<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"467\" data-attachment-id=\"14067\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?fit=920%2C530&amp;ssl=1\" data-orig-size=\"920,530\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?fit=810%2C467&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?resize=810%2C467&#038;ssl=1\" alt=\"\" class=\"wp-image-14067 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?w=920&amp;ssl=1 920w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-ey7og86jz9.jpg?resize=768%2C442&amp;ssl=1 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>...and select your previously created file. <\/p>\n\n\n\n<p>Then confirm this by clicking on \"Open\".<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14069\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?fit=1151%2C783&amp;ssl=1\" data-orig-size=\"1151,783\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14069 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?resize=1024%2C697&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?resize=768%2C522&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-fvb5xgy1xm.jpg?w=1151&amp;ssl=1 1151w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>You will now land in the previous window. <\/p>\n\n\n\n<p>To start the upload of the selected file, you must now click on the \"Upload\" button.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14068\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?fit=1152%2C784&amp;ssl=1\" data-orig-size=\"1152,784\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14068 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?resize=1024%2C697&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?resize=768%2C523&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-f0ldo1i6pu.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Depending on the file size of the icon file, the upload may take a while.<\/p>\n\n\n\n<p>As soon as the process is complete, you will see the success message highlighted in red.<\/p>\n\n\n\n<p>To check that the file has been successfully uploaded, you can now switch back to the \"Tools\" tab and ...<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14072\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?fit=1152%2C784&amp;ssl=1\" data-orig-size=\"1152,784\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14072 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?resize=1024%2C697&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?resize=768%2C523&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-xbatyu39k6.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>... switch to the \"File browser\" from there.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14065\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?fit=1152%2C784&amp;ssl=1\" data-orig-size=\"1152,784\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14065 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?resize=1024%2C697&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?resize=768%2C523&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-but1pqihot.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>The previously uploaded file should now be listed there.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Command to display icons on the pxlBlck<\/h2>\n\n\n\n<p>You have now transferred the icon file to your pxlBlck. However, the icon will only be displayed if you send a command to the pxlBlck. Below in this paragraph (Name: Examples) you will find a few examples of how to display the previously created example icon.<\/p>\n\n\n\n<p>How to send commands to an ESPEasy device is described in the article <strong><em><a rel=\"noreferrer noopener\" href=\"https:\/\/nerdiy.de\/en\/howto-espeasy-execute-commands-2-2\/\" target=\"_blank\">ESPEasy - Execute commands and actions via HTTP, MQTT, UDP and directly<\/a><\/em><\/strong> described. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Command name<\/strong><\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>pbicon<\/em><\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Command overview<\/strong><\/h3>\n\n\n\n<p class=\"has-light-gray-background-color has-background\"><em>pbicon,[incoming animation 0-255],<\/em> <em>[outgoing animation 0-255],<\/em> <em>[in delay 0-255], [show delay 0-255],<\/em> <em>[out delay 0-255],<\/em> <em>[brightness 0-255], [running text 0-255],[icon name],[repetition 0-10],<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Parameter description<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>Parameter name<\/th><th>Description<\/th><th class=\"has-text-align-center\" data-align=\"center\">Permitted value range<\/th><\/tr><\/thead><tbody><tr><td><em>incoming animation<\/em><\/td><td>The ID of the input animation<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-3<\/td><\/tr><tr><td><em>outgoing animation<\/em><\/td><td>The ID of the output animation<\/td><td class=\"has-text-align-center\" data-align=\"center\">1-3<\/td><\/tr><tr><td><em>in delay<\/em><\/td><td>This parameter sets the duration used for the input animation. It is specified in milliseconds.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-2000<\/td><\/tr><tr><td><em>show delay<\/em><\/td><td>You can use this parameter to set the display duration of the icon and any text. It is specified in milliseconds.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-10000<\/td><\/tr><tr><td><em>out delay<\/em><\/td><td>This parameter sets the duration used for the output animation. It is specified in milliseconds.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-2000<\/td><\/tr><tr><td><em>brightness<\/em><\/td><td>You can use this parameter to set the maximum brightness for your icon and any text. Please note that a high brightness also requires more power and the connected LED matrix must be designed accordingly.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-100<\/td><\/tr><tr><td><em>runningtext<\/em><\/td><td>You can use this parameter to specify a text that will be displayed together with the icon. If no text is required, you can simply leave this parameter blank.<\/td><td class=\"has-text-align-center\" data-align=\"center\">text<\/td><\/tr><tr><td><em>icon name<\/em><\/td><td>This parameter corresponds to the file name of the icon uploaded to the SPIFFS of the pxlBlck<\/td><td class=\"has-text-align-center\" data-align=\"center\">text<\/td><\/tr><tr><td><em>repetition<\/em><\/td><td>You can use this parameter to repeat the icon display. For example, you can also create flashing icons.<\/td><td class=\"has-text-align-center\" data-align=\"center\">0-10<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The following tables contain an overview of the available animations for showing and hiding the icons.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Fade-in animations<\/h5>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>Surname<\/th><th>Description<\/th><th class=\"has-text-align-center\" data-align=\"center\">ID<\/th><\/tr><\/thead><tbody><tr><td>fade in<\/td><td>The icon and, if applicable, the scrolling text are displayed with the set \"show delay\" time.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><\/tr><tr><td>Instant on<\/td><td>The icon and any defined text are displayed immediately.<\/td><td class=\"has-text-align-center\" data-align=\"center\">2<\/td><\/tr><tr><td>Fly in from right<\/td><td>The icon and any defined scrolling text are inserted into the display area from the right-hand side. The \"show delay\" time defines how long this process takes.<\/td><td class=\"has-text-align-center\" data-align=\"center\">3<\/td><\/tr><tr><td><\/td><td><\/td><td class=\"has-text-align-center\" data-align=\"center\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Fade-out animations<\/h5>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-fixed-layout\"><thead><tr><th>Surname<\/th><th>Description<\/th><th class=\"has-text-align-center\" data-align=\"center\">ID<\/th><\/tr><\/thead><tbody><tr><td>fade out<\/td><td>The icon and, if applicable, the scrolling text are faded out with the set \"out delay\" time.<\/td><td class=\"has-text-align-center\" data-align=\"center\">1<\/td><\/tr><tr><td>instant off<\/td><td>The icon and any defined text are immediately hidden.<\/td><td class=\"has-text-align-center\" data-align=\"center\">2<\/td><\/tr><tr><td>Fly out to left<\/td><td>The icon and any defined scrolling text are moved to the left-hand side of the display area. The \"out delay\" time defines how long this process takes.<\/td><td class=\"has-text-align-center\" data-align=\"center\">3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Examples<\/h3>\n\n\n\n<p>There are various ways to execute commands on your pxlBlck. One of these ways is via the web menu.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14079\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&amp;ssl=1\" data-orig-size=\"1152,783\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14079 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?resize=1024%2C696&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?resize=768%2C522&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>To do this, switch to the \"Tools\" tab.<\/p>\n\n\n\n<p>There you can enter the command in the text field highlighted in red on the left.<\/p>\n\n\n\n<p>By clicking on \"Submit\", the command is sent to the pxlBlck and executed.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14082\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?fit=1152%2C783&amp;ssl=1\" data-orig-size=\"1152,783\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14082 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?resize=1024%2C696&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?resize=768%2C522&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-cqjoshrgiw-1.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>If the icon is found, the highlighted message is displayed. <\/p>\n\n\n\n<p>The icon is shown directly with the set parameters on the display of the pxlBlck.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-gray-background-color has-background\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"551\" data-attachment-id=\"14083\" data-permalink=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/www-nerdiy-de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?fit=1152%2C783&amp;ssl=1\" data-orig-size=\"1152,783\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?fit=810%2C551&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?resize=810%2C551&#038;ssl=1\" alt=\"\" class=\"wp-image-14083 size-full\" srcset=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?resize=1024%2C696&amp;ssl=1 1024w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?resize=300%2C204&amp;ssl=1 300w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?resize=768%2C522&amp;ssl=1 768w, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-aadkh7eaml-1.jpg?w=1152&amp;ssl=1 1152w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>If you have entered an incorrect file name for the icon file and the file name cannot be found, the highlighted error message is displayed.<\/p>\n\n\n\n<p>In addition, the entire LED matrix of the pxlBlck flashes five times in red. <\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>The following section describes the display of the previously created icon as an example (including the commands used).<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/hLHvp_9jGLE?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 1<\/li><li>Output animation: 1<\/li><li>Input delay: 1000ms<\/li><li>Display duration: 10000ms<\/li><li>Output delay: 1000ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: - (no text is displayed)<\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: none<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,1,1,1000,10000,1000,50,-,Test.ppm,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/s8Pw1UWjYr4?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 1<\/li><li>Output animation: 1<\/li><li>Input delay: 100ms<\/li><li>Display duration: 100ms<\/li><li>Output delay: 100ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: - (no text is displayed)<\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: 3<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,1,1,100,100,100,50,-,Test.ppm,3,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/Qgj8vtmrfZM?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 3<\/li><li>Output animation: 3<\/li><li>Input delay: 100ms<\/li><li>Display duration: 1000ms<\/li><li>Output delay: 100ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: - (no text is displayed)<\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: 2<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,3,3,100,1000,100,50,-,Test.ppm,2,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=M4xfetQNgE8\">https:\/\/www.youtube.com\/watch?v=M4xfetQNgE8<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 3<\/li><li>Output animation: 3<\/li><li>Input delay: 1000ms<\/li><li>Display duration: 1000ms<\/li><li>Output delay: 500ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: <em>TestMessage<\/em><\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: none<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,3,3,1000,1000,500,50,TestMessage,Test.ppm,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/1DyQTAitOdw?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 2<\/li><li>Output animation: 3<\/li><li>Input delay: 1000ms<\/li><li>Display duration: 1000ms<\/li><li>Output delay: 500ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: <em>TestMessage<\/em><\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: none<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,2,3,1000,1000,500,50,TestMessage,Test.ppm,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/JQq1ye7ZjFY?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 1<\/li><li>Output animation: 3<\/li><li>Input delay: 2000ms<\/li><li>Display duration: 1000ms<\/li><li>Output delay: 500ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: <em>TestMessage<\/em><\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: none<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,1,3,2000,1000,500,50,TestMessage,Test.ppm,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"810\" height=\"456\" src=\"https:\/\/www.youtube.com\/embed\/g-XUyG_1xpo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Info:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Input animation: 3<\/li><li>Output animation: 1<\/li><li>Input delay: 1000ms<\/li><li>Display duration: 1000ms<\/li><li>Output delay: 500ms<\/li><li>Max. Brightness: 50%<\/li><li>Text: - (no text is displayed)<\/li><li>Icon name: <em>Test.ppm<\/em><\/li><li>Repetitions: none<\/li><\/ul>\n\n\n\n<p><strong>Command:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>pbicon,3,1,1000,1000,500,50,-,Test.ppm,<\/p><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Download prepared icons<\/h2>\n\n\n\n<p>The example icon created here and a few other prepared icons can also be found under the following link in the Nerdiy-Git: <strong><em><a href=\"https:\/\/github.com\/Nerdiyde\/pxlBlck\/tree\/main\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/Nerdiyde\/pxlBlck\/tree\/main\/icons<\/a><\/em><\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>Have fun with the project<\/h2>\r\n<p>I hope everything worked as described for you. If not or you have questions or suggestions please let me know in the comments. I will then add this to the article if necessary.<br \/>Ideas for new projects are always welcome. \ud83d\ude42<\/p>\r\n<p><strong>PS Many of these projects - especially the hardware projects - cost a lot of time and money. Of course I do this because I enjoy it, but if you think it&#039;s cool that I share the information with you, I would be happy about a small donation to the coffee fund. \ud83d\ude42<\/strong><\/p>\r\n<p><a href=\"https:\/\/ko-fi.com\/nerdiy\" target=\"_blank\" rel=\"noopener\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" style=\"border: 0px; height: 36px;\" src=\"https:\/\/i0.wp.com\/cdn.ko-fi.com\/cdn\/kofi4.png?resize=143%2C36&#038;ssl=1\" alt=\"Buy Me a Coffee at ko-fi.com\" width=\"143\" height=\"36\" border=\"0\" \/><\/a>\u00a0 \u00a0 \u00a0 \u00a0<input name=\"cmd\" type=\"hidden\" value=\"_s-xclick\" \/> <input name=\"hosted_button_id\" type=\"hidden\" value=\"UAZE9RMHJY7VJ\" \/> <input title=\"PayPal - The safer, easier way to pay online!\" alt=\"Donate with PayPal button\" name=\"submit\" src=\"https:\/\/www.paypalobjects.com\/de_DE\/DE\/i\/btn\/btn_donateCC_LG.gif\" type=\"image\" \/> <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.paypal.com\/de_DE\/i\/scr\/pixel.gif?resize=1%2C1&#038;ssl=1\" alt=\"\" width=\"1\" height=\"1\" border=\"0\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>I started developing the pxlBlcks because I was looking for a way to stay informed about events in the SmartHome. In the meantime there are two in [...]<\/p>","protected":false},"author":1,"featured_media":13528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[149,56,86,146,153,61],"tags":[29,245,82,165,151,26,42,154,51],"class_list":["post-7726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-abendprojekt2h","category-arduino","category-elektronik","category-esp-easy","category-pxlblck","category-smarthome","tag-arduino","tag-esp32","tag-esp8266","tag-espeasy","tag-espeasy-plugin","tag-iot","tag-mqtt","tag-pxlblck","tag-smarthome"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HowTo: pxlBlck - Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...<\/title>\n<meta name=\"description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HowTo: pxlBlck - Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"og:description\" content=\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/\" \/>\n<meta property=\"og:site_name\" content=\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nerdiy.de\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/nerdiy.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-12T16:17:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-12T17:55:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:site\" content=\"@nerdiyde\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/\"},\"author\":{\"name\":\"Fab\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\"},\"headline\":\"HowTo: pxlBlck &#8211; Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen\",\"datePublished\":\"2020-12-12T16:17:11+00:00\",\"dateModified\":\"2020-12-12T17:55:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/\"},\"wordCount\":1926,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1\",\"keywords\":[\"Arduino\",\"ESP32\",\"ESP8266\",\"ESPEasy\",\"ESPEasy-Plugin\",\"IoT\",\"MQTT\",\"pxlBlck\",\"SmartHome\"],\"articleSection\":[\"Abendprojekt(&lt;2h)\",\"Arduino\",\"Elektronik\",\"ESP Easy\",\"pxlBlck\",\"SmartHome\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/\",\"name\":\"HowTo: pxlBlck - Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1\",\"datePublished\":\"2020-12-12T16:17:11+00:00\",\"dateModified\":\"2020-12-12T17:55:57+00:00\",\"description\":\"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1\",\"width\":1920,\"height\":1920},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HowTo: pxlBlck &#8211; Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#website\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"name\":\"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...\",\"description\":\"Bei nerdiy.de dreht sich alles um Elektronik, Heimwerken, 3D-Druck, Smart Home und viele andere technische Themen.\",\"publisher\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#organization\",\"name\":\"Nerdiy.de\",\"url\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/nerdiy.de\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1\",\"width\":180,\"height\":180,\"caption\":\"Nerdiy.de\"},\"image\":{\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.pinterest.de\\\/nerdiyde\\\/\",\"https:\\\/\\\/www.youtube.com\\\/nerdiy\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nerdiy.de\\\/de_de\\\/#\\\/schema\\\/person\\\/f1579a71868adb0be60a74246d3e0908\",\"name\":\"Fab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g\",\"caption\":\"Fab\"},\"sameAs\":[\"https:\\\/\\\/nerdiy.de\",\"https:\\\/\\\/www.facebook.com\\\/nerdiy.de\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nerdiy.de\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nerdiy-de\\\/\",\"http:\\\/\\\/www.pinterest.com\\\/nerdiyde\\\/\",\"https:\\\/\\\/x.com\\\/nerdiyde\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Nerdiy\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HowTo: pxlBlck - Design icons, transfer them to the pxlBlck and display them - nerdiy.de - DIY, electronics, 3D printing and more...","description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/","og_locale":"en_US","og_type":"article","og_title":"HowTo: pxlBlck - Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen - nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","og_description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","og_url":"https:\/\/nerdiy.de\/en\/howto-design-pxlblck-icons-transfer-to-the-pxlblck-and-display\/","og_site_name":"nerdiy.de - DIY, Elektronik, 3D Druck und mehr...","article_publisher":"https:\/\/www.facebook.com\/nerdiy.de","article_author":"https:\/\/www.facebook.com\/nerdiy.de\/","article_published_time":"2020-12-12T16:17:11+00:00","article_modified_time":"2020-12-12T17:55:57+00:00","og_image":[{"width":1920,"height":1920,"url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","type":"image\/jpeg"}],"author":"Fab","twitter_card":"summary_large_image","twitter_creator":"@nerdiyde","twitter_site":"@nerdiyde","twitter_misc":{"Written by":"Fab","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#article","isPartOf":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/"},"author":{"name":"Fab","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908"},"headline":"HowTo: pxlBlck &#8211; Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen","datePublished":"2020-12-12T16:17:11+00:00","dateModified":"2020-12-12T17:55:57+00:00","mainEntityOfPage":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/"},"wordCount":1926,"commentCount":2,"publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"image":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","keywords":["Arduino","ESP32","ESP8266","ESPEasy","ESPEasy-Plugin","IoT","MQTT","pxlBlck","SmartHome"],"articleSection":["Abendprojekt(&lt;2h)","Arduino","Elektronik","ESP Easy","pxlBlck","SmartHome"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/","url":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/","name":"HowTo: pxlBlck - Design icons, transfer them to the pxlBlck and display them - nerdiy.de - DIY, electronics, 3D printing and more...","isPartOf":{"@id":"https:\/\/nerdiy.de\/de_de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#primaryimage"},"image":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","datePublished":"2020-12-12T16:17:11+00:00","dateModified":"2020-12-12T17:55:57+00:00","description":"Read a huge collection of detailed Tutorials on Nerdiy.de about all kind of Software, Hardware and general maker topics.","breadcrumb":{"@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#primaryimage","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","width":1920,"height":1920},{"@type":"BreadcrumbList","@id":"https:\/\/nerdiy.de\/de_de\/howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/nerdiy.de\/de_de\/"},{"@type":"ListItem","position":2,"name":"HowTo: pxlBlck &#8211; Icons designen, auf den pxlBlck \u00fcbertragen und anzeigen"}]},{"@type":"WebSite","@id":"https:\/\/nerdiy.de\/de_de\/#website","url":"https:\/\/nerdiy.de\/de_de\/","name":"nerdiy.de - DIY, electronics, 3D printing and more...","description":"At nerdiy.de, everything revolves around electronics, DIY, 3D printing, smart home and many other technical topics.","publisher":{"@id":"https:\/\/nerdiy.de\/de_de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nerdiy.de\/de_de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nerdiy.de\/de_de\/#organization","name":"Nerdiy.de","url":"https:\/\/nerdiy.de\/de_de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","contentUrl":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/04\/www.nerdiy.de-v1.0final180x180-1.png?fit=180%2C180&ssl=1","width":180,"height":180,"caption":"Nerdiy.de"},"image":{"@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nerdiy.de","https:\/\/x.com\/nerdiyde","https:\/\/www.instagram.com\/nerdiy.de\/","https:\/\/www.pinterest.de\/nerdiyde\/","https:\/\/www.youtube.com\/nerdiy"]},{"@type":"Person","@id":"https:\/\/nerdiy.de\/de_de\/#\/schema\/person\/f1579a71868adb0be60a74246d3e0908","name":"Fab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cd8a2c5a20873f04ac46048f749a6f5335f6d9d3af744d9bb04f4052c44fca2?s=96&d=mm&r=g","caption":"Fab"},"sameAs":["https:\/\/nerdiy.de","https:\/\/www.facebook.com\/nerdiy.de\/","https:\/\/www.instagram.com\/nerdiy.de","https:\/\/www.linkedin.com\/company\/nerdiy-de\/","http:\/\/www.pinterest.com\/nerdiyde\/","https:\/\/x.com\/nerdiyde","https:\/\/www.youtube.com\/c\/Nerdiy"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-incollage-20200604-194845972.jpg?fit=1920%2C1920&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9GM3g-20C","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":974,"url":"https:\/\/nerdiy.de\/en\/pxlblck\/","url_meta":{"origin":7726,"position":0},"title":"pxlBlck - An IOT\/SmartHome Information System","author":"Fab","date":"12. December 2020","format":false,"excerpt":"pxlBlck ist ein System aus Hard- und Software um ein Informationssystem f\u00fcr das SmartHome aufzubauen. Es stehen verschiedene Software- und Hardwareoptionen zur Verf\u00fcgung. Dank der Integration in ein EspEasy-Plugin k\u00f6nnen die pxlBlck's ohne externe Automatisierungssoftware automatisiert werden. In Kombination mit externer Automatisierungssoftware (z. B. NodeRed, MQTT-Server, etc...) k\u00f6nnen auch verschiedene\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/en\/category\/3d-printing\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/11\/www.nerdiy.de-20200717-184353-scaled.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13274,"url":"https:\/\/nerdiy.de\/en\/howto-install-and-configure-pxlblck-the-pxlblck-plugin\/","url_meta":{"origin":7726,"position":1},"title":"HowTo: pxlBlck \u2013 Install and configure the pxlBlck plugin","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Das pxlBlck-plugin f\u00fcr das ESPEasy Framework ist das \"Software-Gegenst\u00fcck\" zu den pxlBlck-Plattformen. Mit dem Plugin k\u00f6nnt Ihr die verbauten LED Matrizen leicht ansteuern und mithilfe der anderen Funktionen ist relativ leicht eigene Animationen und Benachrichtigungen auf der LED-Matrix anzuzeigen. pxlBlck-Plattform Bevor Ihr mit der Installation des Plugins fortfahrt, solltet Ihr\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/en\/category\/3d-printing\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-das-pxlblck-plugin-installieren-und-konfigurieren-firefox-8k7fzetyi1.jpg?fit=969%2C861&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":18836,"url":"https:\/\/nerdiy.de\/en\/howto-flash-pxlblck-firmware-with-the-esp-web-tools-directly-from-the-browser\/","url_meta":{"origin":7726,"position":2},"title":"HowTo: pxlBlck - flashing firmware with the esp web tools directly from the browser","author":"Fab","date":"2. July 2022","format":false,"excerpt":"Das Flashen des ESP8266 bzw. ESP32 ist nicht so einfach, wenn man vorher noch nicht viel Kontakt mit Mikrocontrollern hatte. Es gibt nun aber etwas sehr cooles, das diesen Prozess super einfach macht. Die Leute hinter ESPhome haben einen web flasher entwickelt mit dem man ESP Mikrocontroller direkt aus einem\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/en\/category\/3d-printing\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/09\/www.nerdiy.de-howto-pcb-pxlblck_multipcb-20210529-150823.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/09\/www.nerdiy.de-howto-pcb-pxlblck_multipcb-20210529-150823.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/09\/www.nerdiy.de-howto-pcb-pxlblck_multipcb-20210529-150823.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/09\/www.nerdiy.de-howto-pcb-pxlblck_multipcb-20210529-150823.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2021\/09\/www.nerdiy.de-howto-pcb-pxlblck_multipcb-20210529-150823.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13724,"url":"https:\/\/nerdiy.de\/en\/howto-pxlblck-commands-to-configure-the-pxlblck\/","url_meta":{"origin":7726,"position":3},"title":"HowTo: pxlBlck \u2013 Commands for configuring the pxlBlck","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Das pxlBlck-plugin bzw. die Funktionen Eures pxlBlck lassen sich prinzipiell auf zwei unterschiedlichen Wegen konfigurieren. Eine M\u00f6glichkeit ist die Konfiguration der meisten Funktionen \u00fcber das Webmen\u00fc des Plugins. Viele Infos dazu findet Ihr in dem Artikel pxlBlck - Das pxlBlck-Plugin installieren und konfigurieren Neben dieser M\u00f6glichkeit k\u00f6nnt Ihr Euren pxBlck\u2026","rel":"","context":"In &quot;Elektronik&quot;","block_context":{"text":"Elektronik","link":"https:\/\/nerdiy.de\/en\/category\/electronics\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-icons-designen-auf-den-pxlblck-uebertragen-und-anzeigen-firefox-nn3d9sugck.jpg?fit=1152%2C783&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":8847,"url":"https:\/\/nerdiy.de\/en\/pxlblck-all-infos-for-testers-of-the-latest-pre-release\/","url_meta":{"origin":7726,"position":4},"title":"pxlBlck - All information for testers of the latest pre-release","author":"Fab","date":"15. August 2020","format":false,"excerpt":"Liebe Tester,zu allererst vielen Dank, dass Ihr Euch bereit erkl\u00e4rt habt das pxlBlck Plugin zu testen. :) Im folgenden versuche ich alles aufzulisten, dass Ihr f\u00fcr die Installation und den Betrieb des Plugins ben\u00f6tigt. Wenn etwas fehlt erw\u00e4hnt das bitte einfach in der Kommtnarfunktion ganz am Ende der Seite. :)\u2026","rel":"","context":"In &quot;pxlBlckDev&quot;","block_context":{"text":"pxlBlckDev","link":"https:\/\/nerdiy.de\/en\/category\/esp-easy\/pxlblck\/pxlblckdev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/08\/www.nerdiy.de-img-20200604-200809-046.jpg?fit=1080%2C1080&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13745,"url":"https:\/\/nerdiy.de\/en\/howto-configure-pxlblck-clockfaces-and-screensavers-2\/","url_meta":{"origin":7726,"position":5},"title":"HowTo: pxlBlck \u2013 configure clock faces and screen savers","author":"Fab","date":"12. December 2020","format":false,"excerpt":"Die einstellbaren Ziffernbl\u00e4tter unterscheiden sich von der Art der verwendeten LED-Matrix. Dies ist leider so, da unterschiedliche Matrix-Gr\u00f6\u00dfen unterschiedliche Darstellungen erm\u00f6glichen bzw. nicht erm\u00f6glichen. Um Euch trotzdem einen kleinen \u00dcberblick zu geben welche Ziffernbl\u00e4tter bei welcher Matrix m\u00f6glich sind, kommt hier eine Vorstellung der einstellbaren Ziffernbl\u00e4tter und die Angabe unter\u2026","rel":"","context":"In &quot;3D-Druck&quot;","block_context":{"text":"3D-Druck","link":"https:\/\/nerdiy.de\/en\/category\/3d-printing\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/nerdiy.de\/wp-content\/uploads\/2020\/12\/www.nerdiy.de-howto-pxlblck-ziffernblaetter-und-bildschirmschoner-konfigurieren-20201209-125839.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/posts\/7726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/comments?post=7726"}],"version-history":[{"count":0,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/posts\/7726\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/media\/13528"}],"wp:attachment":[{"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/media?parent=7726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/categories?post=7726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdiy.de\/en\/wp-json\/wp\/v2\/tags?post=7726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}