# Template widget - tutorial & examples - make your own widget!

**URL:** <https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211>\
**Category:** HABPanel\
**Tags:** habpanel, template, widget\
**Created:** [September 17, 2016, 8:02pm UTC](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211 "2016-09-17T20:02:21Z")\
**Posts on this page:** 1\
**Showing post:** 148

<div class="post-metadata">

**Author:** ![Nathan\_Wilcox](https://community.openhab.org/letter_avatar_proxy/v4/letter/n/e9c0ed/32.png) [@Nathan\_Wilcox](https://community.openhab.org/u/Nathan_Wilcox)\
**Post date:** [March 2, 2017, 11:53am UTC](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211/148 "2017-03-02T11:53:10Z")

</div>

Hi all,

I am using kubawolanin widget below with some alterations to suit my own needs, and I was wondering how I would go about calling a url string to provide an icon instead of the ones kubawolanin uses.

I know how to configure the settings I just don’t know the code to call the url. This is an example of the url I am provided:  
 ![](https://community-openhab-org.s3-eu-central-1.amazonaws.com/original/2X/2/2cfb62c7c732d8ebfb15e813e6b18d87ebd28550.png)

And I know that the line of code I need to change is the bottom line, I’m just unsure of what to change it to…:

> ```
> <div class="weather-content">
> <div class="weather-row">
> <div class="weather-icon" ng-class="(ngModel.sizeX === ngModel.sizeY) ? 'col-md-12' : 'col-md-10'">
> <img style="filter: invert(60%) sepia(100%) hue-rotate(185deg) saturate(1000%);"
> src="/icon/climacon?iconset=climacons&format=svg&state={{itemValue(config.weather_condition)}}" />
> 
> ```

[https://community.openhab.org/t/custom-widget-current-weather/18216](https://community.openhab.org/t/custom-widget-current-weather/18216)

I appreciate anyones help on this.

---

_[View the full topic](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211)._