<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Icon Library]]></title><description><![CDATA[<p dir="auto">Hello!<br />
I opened this thread as an icon concepts development place.<br />
Fell free to comment: what you don't like, what can be better done etc.<br />
Post your own concepts or modify the posted ones as you wish. Ask just for the Inkskape file of the icon.</p>
<p dir="auto">The next icon is for a text editor and is based on a writing machine look.<br />
I'm still looking how to implement in Inkscape the UT icons effect, the one with the line that splits the logo in nuances of different intensity...</p>
<p dir="auto"><img src="/assets/uploads/files/1595700993048-text-editor-logo_resized.jpg" alt="text editor logo_resized.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/topic/4666/icon-library</link><generator>RSS for Node</generator><lastBuildDate>Thu, 12 Mar 2026 07:20:58 GMT</lastBuildDate><atom:link href="https://forums.ubports.com/topic/4666.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 25 Jul 2020 12:42:34 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Icon Library on Mon, 07 Sep 2020 17:40:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> not sure if this is even possible to get since as far as I understand the app icon is hard-coded once the app is compiled. But I'm not the best to tell you about the insight behind that.<br />
Instead, I think that since it seems the discussion is too quite and nobody voted so far on the different rendering of icons, I wish to give you my preferred guide lines to be followed to draw the best icon, in my humble opinion:</p>
<ol>
<li>I''m still preferring the look of the rendered ICON N.4, with the grid shown in transparency; maybe I'd provide the deep green color to the grid and more evidence to it (therefore less transparency), in order to look more "Matrix"ish;</li>
<li>I like the dots at the bottom row, to ideally recall the days numbers;</li>
<li>I don't really mind colors gradient for the columns, but they look like randomly set for each column (extent of the gradient): perhaps we could adjust that in order to have a consistent approach?</li>
<li>On top of the last column, I still prefer having the rectangle more than the triangle shape, for it seems to me more discreet;</li>
<li>Sure style with a fold-able side is perfect.</li>
</ol>
<p dir="auto">Thank you.</p>
<p dir="auto">Matteo</p>
]]></description><link>https://forums.ubports.com/post/39779</link><guid isPermaLink="true">https://forums.ubports.com/post/39779</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Mon, 07 Sep 2020 17:40:36 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Mon, 07 Sep 2020 09:46:14 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> I was thinking, since so many people have different opinions and like different icons, why not give the user the option to choose it. Have your app in OpenStore with the icon that you like, but when the user had installed your app, has the option to change the icon.</p>
]]></description><link>https://forums.ubports.com/post/39754</link><guid isPermaLink="true">https://forums.ubports.com/post/39754</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Mon, 07 Sep 2020 09:46:14 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Mon, 31 Aug 2020 18:25:40 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> deal then <img src="https://forums.ubports.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f609.png?v=e53896fb3af" class="not-responsive emoji emoji-android emoji--wink" style="height:23px;width:auto;vertical-align:middle" title=";)" alt="😉" /> let's do it with SVG.</p>
]]></description><link>https://forums.ubports.com/post/39374</link><guid isPermaLink="true">https://forums.ubports.com/post/39374</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Mon, 31 Aug 2020 18:25:40 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Mon, 31 Aug 2020 16:50:22 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> The easy way to distinguish is when you zoom in: a graphical/vector like SVG/Inkscape will keep it's details because you are changing some proportions and the display will adapt and cover those changes and thus: no loss in details. On the other hand, a 256x256 pixels PNG, when zoom in... So... yeah SVG is better. But if you want to be artistic and use brushes etc, than Gimp, Krita are some good choices. For 3D is Blender.</p>
]]></description><link>https://forums.ubports.com/post/39367</link><guid isPermaLink="true">https://forums.ubports.com/post/39367</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Mon, 31 Aug 2020 16:50:22 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Mon, 31 Aug 2020 16:41:24 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a><br />
Sure, I bet <a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> is already working with SVG.<br />
This is a vector image format which means it uses mathematical formulas to describe visual features (circles, triangles, rectangles, bezier curves, etc.)<br />
In the open world, one of the best tool is inkscape if you're interested and it's not that hard to learn and use it...</p>
<p dir="auto">Long time user of the Gimp, I'm slowly learning how to master basic features of Inkscape.</p>
<p dir="auto">PNG works fine, SVG is more versatile even if it has limitations... <img src="https://forums.ubports.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f609.png?v=e53896fb3af" class="not-responsive emoji emoji-android emoji--wink" style="height:23px;width:auto;vertical-align:middle" title=";)" alt="😉" /></p>
]]></description><link>https://forums.ubports.com/post/39364</link><guid isPermaLink="true">https://forums.ubports.com/post/39364</guid><dc:creator><![CDATA[AppLee]]></dc:creator><pubDate>Mon, 31 Aug 2020 16:41:24 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Mon, 31 Aug 2020 16:35:21 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/applee" aria-label="Profile: AppLee">@<bdi>AppLee</bdi></a> thank you for the pointer. I'm not familiar with SVG format at all but I'm looking forward to employing it, foremost if it is convenient and it brings advantages as you said over the PNG format, but I don't know a thing about implications for a graphical artist in terms of time consuming to preparing that or the software to be used, so I leave to <a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> the evaluation whether to adopt this format or not.</p>
]]></description><link>https://forums.ubports.com/post/39361</link><guid isPermaLink="true">https://forums.ubports.com/post/39361</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Mon, 31 Aug 2020 16:35:21 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 17:53:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> said in <a href="/post/39317">Icon Library</a>:</p>
<blockquote>
<p dir="auto">The icon is stored as a .png file in the Assets folder.</p>
</blockquote>
<p dir="auto">You can use SVG directly, you'll have better result scaling it...<br />
On the device (without compiling it yourself) it should be in something like:<br />
<code>/opt/click.ubuntu.com/XXX.YYY/current/</code> with XXX.YYY being the app identifier.</p>
]]></description><link>https://forums.ubports.com/post/39326</link><guid isPermaLink="true">https://forums.ubports.com/post/39326</guid><dc:creator><![CDATA[AppLee]]></dc:creator><pubDate>Sun, 30 Aug 2020 17:53:47 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 13:49:02 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> I use <code>clickable</code> to change the icon compiling the app straight on the device. The icon is stored as a .png file in the <code>Assets</code> folder. Perhaps you could just create a new dummy project with the standard app template creator provided by clickable and replace there the icon, only to see its rendering...</p>
]]></description><link>https://forums.ubports.com/post/39317</link><guid isPermaLink="true">https://forums.ubports.com/post/39317</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Sun, 30 Aug 2020 13:49:02 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 10:30:28 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> Where do you change the app logo (I mean the path.) I would like test them myself before posting them, just to make sure they are in proportion.</p>
]]></description><link>https://forums.ubports.com/post/39310</link><guid isPermaLink="true">https://forums.ubports.com/post/39310</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sun, 30 Aug 2020 10:30:28 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 09:55:25 GMT]]></title><description><![CDATA[<p dir="auto">ICON N.5 rendering (last version by <a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a>:<br />
<img src="/assets/uploads/files/1598781320572-photo_2020-08-30_11-53-55.jpg" alt="photo_2020-08-30_11-53-55.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/post/39308</link><guid isPermaLink="true">https://forums.ubports.com/post/39308</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Sun, 30 Aug 2020 09:55:25 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 09:34:41 GMT]]></title><description><![CDATA[<p dir="auto"><code>ICON N.4</code> rendering (the one with background grid):<br />
<img src="/assets/uploads/files/1598780061120-photo_2020-08-30_11-32-58.jpg" alt="photo_2020-08-30_11-32-58.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/post/39307</link><guid isPermaLink="true">https://forums.ubports.com/post/39307</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Sun, 30 Aug 2020 09:34:41 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sun, 30 Aug 2020 09:26:40 GMT]]></title><description><![CDATA[<p dir="auto"><code>ICON N.3</code> rendering:<br />
<img src="/assets/uploads/files/1598779522343-photo_2020-08-30_11-24-58.jpg" alt="photo_2020-08-30_11-24-58.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/post/39306</link><guid isPermaLink="true">https://forums.ubports.com/post/39306</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Sun, 30 Aug 2020 09:26:40 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 14:38:07 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> personally I like the one with the background transparent grid the most, I think it gives a professionality touch to the app but I see some of you disliked this concept. However, since I designed this app to learn coding for UT and not secondarily to fill a gap I felt our beloved OS got, i.e. the lack of feature for metering the data usage, all for the UBports Community, I'd like to adopt the icon which will result the most popular one, or at least to identify the most promising one to be considered as basis for last tinkering by <a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a>, if needed.</p>
]]></description><link>https://forums.ubports.com/post/39271</link><guid isPermaLink="true">https://forums.ubports.com/post/39271</guid><dc:creator><![CDATA[matteo]]></dc:creator><pubDate>Sat, 29 Aug 2020 14:38:07 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 13:55:42 GMT]]></title><description><![CDATA[<p dir="auto">This is what I would use! From my point of view it has all it needs: it <em>suggest</em> what it does, it's well balanced, stands out but not disturbing, lower grey area is more softy, the upper black-red area is more aggressive to show warning,<br />
<img src="/assets/uploads/files/1598706054250-datamonitor6a.png" alt="datamonitor6a.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Softened variant.<br />
<img src="/assets/uploads/files/1598709339815-datamonitor6b.png" alt="datamonitor6b.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/post/39262</link><guid isPermaLink="true">https://forums.ubports.com/post/39262</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 29 Aug 2020 13:55:42 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:51:44 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/3t_ed" aria-label="Profile: 3T_Ed">@<bdi>3T_Ed</bdi></a> Nah..., making the last bar in green will fuck up the spectrum's Feng-Shui... I'll come up with something...</p>
]]></description><link>https://forums.ubports.com/post/39259</link><guid isPermaLink="true">https://forums.ubports.com/post/39259</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:51:44 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:38:04 GMT]]></title><description><![CDATA[<p dir="auto">I prefer the previous design. May I suggest you take that one and then for the last bar:</p>
<ul>
<li>filling up to the limit in green</li>
<li>doubling the existing bar above the limit and fill it red</li>
<li>in the top of the red part have the arrow as you used in your typewriter concept (July 26th) and have that minimalistic arrow point to right-bottom (that would be a 90 degr. turn compared to the typewriter one)</li>
</ul>
<p dir="auto">The above would be indicating green to be good, red to be not in expectancy (drastically passing set limit), orange arrow to reconsider (either adjusting the limit or altering behavior to keep within the set limit). Thinking traffic light here <img src="https://forums.ubports.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f6a6.png?v=e53896fb3af" class="not-responsive emoji emoji-android emoji--vertical_traffic_light" style="height:23px;width:auto;vertical-align:middle" title="🚦" alt="🚦" /></p>
]]></description><link>https://forums.ubports.com/post/39257</link><guid isPermaLink="true">https://forums.ubports.com/post/39257</guid><dc:creator><![CDATA[3T_Ed]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:38:04 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:20:22 GMT]]></title><description><![CDATA[<p dir="auto"><img src="/assets/uploads/files/1598703619719-datamonitor6.png" alt="datamonitor6.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forums.ubports.com/post/39256</link><guid isPermaLink="true">https://forums.ubports.com/post/39256</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:20:22 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:13:10 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> said in <a href="/post/39253">Icon Library</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/3t_ed" aria-label="Profile: 3T_Ed">@<bdi>3T_Ed</bdi></a> I like the idea with the arrow! The dots are to represent the week days. The grid is more of <a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> thing, I would avoid putting it since will make the icon too stuffed, I tend to be really minimalist at this moment.</p>
</blockquote>
<p dir="auto">Agreeing with you regarding the grid. Actually the shading does too however that feature does add value (expected output &lt;-&gt; actual output). Your style is minimalistic and I like that very much. <a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> seems to like that also because he asked you to design an icon for his app based on your initial icons. I'd say, stay true to your own style.</p>
]]></description><link>https://forums.ubports.com/post/39255</link><guid isPermaLink="true">https://forums.ubports.com/post/39255</guid><dc:creator><![CDATA[3T_Ed]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:13:10 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:06:22 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/3t_ed" aria-label="Profile: 3T_Ed">@<bdi>3T_Ed</bdi></a> I like the idea with the arrow! The dots are to represent the week days. The grid is more of <a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> thing, I would avoid putting it since will make the icon too stuffed, I tend to be really minimalist at this moment.</p>
]]></description><link>https://forums.ubports.com/post/39253</link><guid isPermaLink="true">https://forums.ubports.com/post/39253</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:06:22 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 12:01:35 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> said in <a href="/post/39247">Icon Library</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/matteo" aria-label="Profile: matteo">@<bdi>matteo</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/applee" aria-label="Profile: AppLee">@<bdi>AppLee</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/3t_ed" aria-label="Profile: 3T_Ed">@<bdi>3T_Ed</bdi></a><br />
To be or not to be...</p>
<p dir="auto"><img src="/assets/uploads/files/1598701348620-photo_2020-08-29_13-39-54.jpg" alt="photo_2020-08-29_13-39-54.jpg" class=" img-fluid img-markdown" /></p>
</blockquote>
<p dir="auto">I prefer the first one, the one without the grit. A grit does make it feel to be a mathematical app.</p>
<p dir="auto">Shading in the bar is an added value, not sure about the dimmed/red dot indicator (what does it represent?)</p>
<p dir="auto"><em>Edit 1:</em> How about replacing the red top part of the last bar by the orange arrow UT design, pointing downwards (indicating the ability to monitor and control the data limits)?</p>
]]></description><link>https://forums.ubports.com/post/39252</link><guid isPermaLink="true">https://forums.ubports.com/post/39252</guid><dc:creator><![CDATA[3T_Ed]]></dc:creator><pubDate>Sat, 29 Aug 2020 12:01:35 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 11:55:39 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a><br />
I still prefer the one from yesterday.</p>
<p dir="auto">Not such a fan of gradient...<br />
I don't mind the dots, but the grid is too detailed for an icon IMHO</p>
]]></description><link>https://forums.ubports.com/post/39251</link><guid isPermaLink="true">https://forums.ubports.com/post/39251</guid><dc:creator><![CDATA[AppLee]]></dc:creator><pubDate>Sat, 29 Aug 2020 11:55:39 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 11:47:40 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/flohack" aria-label="Profile: Flohack">@<bdi>Flohack</bdi></a> Which one, that's the question... <img src="https://forums.ubports.com/assets/plugins/nodebb-plugin-emoji/emoji/android/1f914.png?v=e53896fb3af" class="not-responsive emoji emoji-android emoji--thinking_face" style="height:23px;width:auto;vertical-align:middle" title=":thinking_face:" alt="🤔" /></p>
]]></description><link>https://forums.ubports.com/post/39250</link><guid isPermaLink="true">https://forums.ubports.com/post/39250</guid><dc:creator><![CDATA[[[global:former-user]]]]></dc:creator><pubDate>Sat, 29 Aug 2020 11:47:40 GMT</pubDate></item><item><title><![CDATA[Reply to Icon Library on Sat, 29 Aug 2020 11:46:49 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/c0n57an71n" aria-label="Profile: C0n57an71n">@<bdi>C0n57an71n</bdi></a> Nice, I like it!</p>
]]></description><link>https://forums.ubports.com/post/39249</link><guid isPermaLink="true">https://forums.ubports.com/post/39249</guid><dc:creator><![CDATA[flohack]]></dc:creator><pubDate>Sat, 29 Aug 2020 11:46:49 GMT</pubDate></item></channel></rss>