# Recommendation for Weather App Icons

**URL:** https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491
**Category:** Questions about Thunkable X
**Created:** [June 24, 2019, 8:23am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491 "2019-06-24T08:23:48Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)
#### Post date: [June 24, 2019, 8:23am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/1 "2019-06-24T08:23:49Z")

</div>

I am building a weather app and I have about 96 weather app icons I need to use. I was wondering if its OK to upload all 96 icons to Thunkable app as local file or is there any recommended online storage I can use for this.

Thanks

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [June 24, 2019, 8:38am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/2 "2019-06-24T08:38:32Z")

</div>

How will icons be used? Will they be displayed on an item that a user can click? How many images will be on the screen at the same time? Do you want to make a screen with the display of icons for all 7 days of the week? Are all icons the same size?

---

<div class="post-metadata">

### Author: ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)
#### Post date: [June 24, 2019, 9:09am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/3 "2019-06-24T09:09:08Z")

</div>

All icons are 128x128 in size. At most there will be 20 icons on screen. None of the icons will be clickable. Icons will be displayed as images on the image widget

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [June 24, 2019, 9:16am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/4 "2019-06-24T09:16:49Z")

</div>

I have a complicated example of using a sprite map - all images are saved in one file, from which they are then selected by index on the scrSpriteMap screen.

[https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/](https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/)

Another solution is to use the WebViewer for display, but the data URI protocol does not work in the installed application on iOS.

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [June 24, 2019, 9:19am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/5 "2019-06-24T09:19:37Z")

</div>

Another solution is to convert all icons in Base64 format using a batch operation and create a table, in one column which will be the name of the image, and in another column its code in base64 format, which can be assigned to the Image component.

---

<div class="post-metadata">

### Author: ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)
#### Post date: [June 24, 2019, 9:25am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/6 "2019-06-24T09:25:17Z")

</div>

Hmm how do you do the Base64 one. Sounds like a much better option.

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [June 24, 2019, 9:30am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/7 "2019-06-24T09:30:08Z")

</div>

I do not have a ready solution, but I suggest you try Imagemagick - this is a very powerful combine-harvester for working with images on the command line. Thanks to him, you can specify a directory with images and one command to change the specified parameters (name, size, format, and more) for all images. With the help of it, I make sprite maps.

> **[ImageMagick](https://imagemagick.org/)**
>
> Convert, Edit, or Compose Bitmap Images

---

<div class="post-metadata">

### Author: ![sysads](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sysads/32/44975_2.png) [@sysads](https://community.thunkable.com/u/sysads)
#### Post date: [June 24, 2019, 9:31am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/8 "2019-06-24T09:31:22Z")

</div>

Sorry not the sprite option but the Base64 option

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [June 24, 2019, 9:33am UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/9 "2019-06-24T09:33:13Z")

</div>

Imagemagick can convert files to this format. Or you can use online converter to base64

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:13pm UTC](https://community.thunkable.com/t/recommendation-for-weather-app-icons/118491/10 "2024-11-08T12:13:19Z")

</div>


