# Icons toevoegen **URL:** \ **Category:** Vragen & hulp\ **Created:** [October 17, 2019, 10:00am UTC](https://community.homey.app/t/icons-toevoegen/19396 "2019-10-17T10:00:48Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Nelleke\_nl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/nelleke_nl/32/12600_2.png) [@Nelleke\_nl](https://community.homey.app/u/Nelleke_nl)\ **Post date:** [October 17, 2019, 10:00am UTC](https://community.homey.app/t/icons-toevoegen/19396/1 "2019-10-17T10:00:48Z")
Ik vond [https://thenounproject.com/search/?q=dining&i=621520](https://thenounproject.com/search/?q=dining&i=621520) aanvullende icons. Maar ik weet niet welke ik moet downloaden en hoe ik dat in homey krijg. Mijn engels is niet zo goed. Wie helpt mij en anderen? ---
**Author:** ![HansieNL](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hansienl/32/10634_2.png) [@HansieNL](https://community.homey.app/u/HansieNL)\ **Post date:** [October 17, 2019, 11:00am UTC](https://community.homey.app/t/icons-toevoegen/19396/2 "2019-10-17T11:00:41Z")
Het zo maar even iconen toevoegen is helaas niet mogelijk. [Zie ook hier…](https://community.homey.app/t/more-and-custom-icon-s-for-zones/14538) In de apps zitten ook iconen ingesloten, maar die zijn ook niet eenvoudig te veranderen. ---
**Author:** ![Nelleke\_nl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/nelleke_nl/32/12600_2.png) [@Nelleke\_nl](https://community.homey.app/u/Nelleke_nl)\ **Post date:** [October 17, 2019, 12:48pm UTC](https://community.homey.app/t/icons-toevoegen/19396/3 "2019-10-17T12:48:42Z")
Kreeg die indruk wel. Want als je het noun project gaat zie je meerdere icons. Dat het niet cutandcopy zou zijn dacht ik al. Maar hoe dan . Hmmm deze voorgestelde iconen passen meer bij mijn thuis 😉 Bedankt voor je antwoord ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 17, 2019, 5:14pm UTC](https://community.homey.app/t/icons-toevoegen/19396/4 "2019-10-17T17:14:07Z")
> [@HansieNL](#): > > In de apps zitten ook iconen ingesloten, maar die zijn ook niet eenvoudig te veranderen Maar het kan wel… ![Screenshot_2019-10-17-19-11-30](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/f/9f109768b71978154a244aa98c3fbb1895cfadd4.jpeg) ---
**Author:** ![HansieNL](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hansienl/32/10634_2.png) [@HansieNL](https://community.homey.app/u/HansieNL)\ **Post date:** [October 17, 2019, 8:32pm UTC](https://community.homey.app/t/icons-toevoegen/19396/5 "2019-10-17T20:32:22Z")
@Peter_de_Vos Ik neem aan dat je de app zelf hebt veranderd en ge-sideload via cli. ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 17, 2019, 9:19pm UTC](https://community.homey.app/t/icons-toevoegen/19396/6 "2019-10-17T21:19:06Z")
Klopt! ---
**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\ **Post date:** [October 18, 2019, 3:02pm UTC](https://community.homey.app/t/icons-toevoegen/19396/7 "2019-10-18T15:02:25Z")
> [@Peter\_de\_Vos](#): > > Maar het kan wel… Maar dan wel op een omslachtige manier. Weet niet of de TS daar op zit te wachten maar mocht dat wel zo zijn, zou je dan in een stappenplan uit kunnen leggen hoe de TS dit voor elkaar zou kunnen krijgen? ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 18, 2019, 3:33pm UTC](https://community.homey.app/t/icons-toevoegen/19396/8 "2019-10-18T15:33:33Z")
Ja hoor, als ik even tijd heb en er is interesse zal ik het doen. ---
**Author:** ![Nelleke\_nl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/nelleke_nl/32/12600_2.png) [@Nelleke\_nl](https://community.homey.app/u/Nelleke_nl)\ **Post date:** [October 18, 2019, 5:35pm UTC](https://community.homey.app/t/icons-toevoegen/19396/9 "2019-10-18T17:35:40Z")
Misschien te moeilijk voor mij maar ik wil het graag proberen! ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 18, 2019, 6:31pm UTC](https://community.homey.app/t/icons-toevoegen/19396/10 "2019-10-18T18:31:01Z")
Als ik even wat tijd heb zal ik het proberen uit te leggen. Belangrijk is dat je weet hoe je apps via Github kunt downloaden en installeren via cli in plaats van via de appstore. Mocht je dit nog niet weten. Hier vindt je meer: > [@\[HOW TO\] CLI install method](https://community.homey.app/t/how-to-cli-install-method/198): > > Homey Pro only!!! It does not work this way with Homey (cloud), it only supports CLI run which is there only for development purposes. Installing Node.js Check Node.js version on Homey: Homey App: Settings - General - About - Node.js version Download Node.js (use Homey’s version or higher) from [https://nodejs.org/](https://nodejs.org/) and install it on your computer. Download the app you want to install from GitHub Go to the repository on [GitHub](https://github.com/) (the correct link for the app you want to install is at the bottom… ---
**Author:** ![Nelleke\_nl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/nelleke_nl/32/12600_2.png) [@Nelleke\_nl](https://community.homey.app/u/Nelleke_nl)\ **Post date:** [October 27, 2019, 7:10pm UTC](https://community.homey.app/t/icons-toevoegen/19396/11 "2019-10-27T19:10:43Z")
@Peter_de_Vos Deze stap is met githup is al gelukt. en heb [https://github.com/athombv/homey-vectors-public](https://github.com/athombv/homey-vectors-public) gevonden, boordevol icons. Maar dan… ---
**Author:** ![harmenkuijer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/harmenkuijer/32/120683_2.png) [@harmenkuijer](https://community.homey.app/u/harmenkuijer)\ **Post date:** [January 19, 2020, 10:42am UTC](https://community.homey.app/t/icons-toevoegen/19396/12 "2020-01-19T10:42:56Z")
Als je nog mogelijkheid ziet om het uit te schrijven graag, ben ook geïnteresseerd 🙂 ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [January 19, 2020, 11:35am UTC](https://community.homey.app/t/icons-toevoegen/19396/13 "2020-01-19T11:35:26Z")
Staat nog op mijn todo lijstje😜 ---
**Author:** ![Stephan](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/stephan/32/16716_2.png) [@Stephan](https://community.homey.app/u/Stephan)\ **Post date:** [July 3, 2020, 9:34am UTC](https://community.homey.app/t/icons-toevoegen/19396/14 "2020-07-03T09:34:17Z")
Ik lees mee! Kan niet wachten om die rare icoontjes van kaku aan te passen ---
**Author:** ![Peter\_van\_Mourik](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_van_mourik/32/16433_2.png) [@Peter\_van\_Mourik](https://community.homey.app/u/Peter_van_Mourik)\ **Post date:** [September 15, 2020, 6:11pm UTC](https://community.homey.app/t/icons-toevoegen/19396/15 "2020-09-15T18:11:44Z")
Ben ook benieuwd hoe ik die iconen van kaku kan aanpassen. Is er inmiddels al een uitleg hierover. Kan er verder niets over vinden. Peter ---
**Author:** ![harmenkuijer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/harmenkuijer/32/120683_2.png) [@harmenkuijer](https://community.homey.app/u/harmenkuijer)\ **Post date:** [October 2, 2020, 12:03pm UTC](https://community.homey.app/t/icons-toevoegen/19396/16 "2020-10-02T12:03:36Z")
Hallo allen, afgelopen week contact gehad met Peter en hij heeft me voorzien van wat info. De manier zojuist uitgevoerd en dit werkt dikke prima. Wat goed is om te weten dat hier de Virtuele Devices App voor ge(mis)bruikt wordt. Deze vind je via de volgende link op GitHub: [https://github.com/ArjanKranenburg/virtual-devices](https://github.com/ArjanKranenburg/virtual-devices). Aannames: - je weet hoe je via CLI moet installeren (zo niet, check het filmpje van Cornelisse [https://tinyurl.com/y33wajne](https://tinyurl.com/y33wajne)) - beschikt over een javascript editor (zo niet dan kan je bijvoorbeeld Atom gebruiken) * * * In de virtual device app staan de iconen allemaal in de map …\drivers\virtual\_switch\assets\ Vervolgens ga je naar …\drivers\virtual\_switch\ en opent de driver.js file en zoekt deze regels: ``` socket.on('getIcons', function( data, callback ) { var device_data = [ getIconNameAndLocation('chaos'), ``` Hier zie je een hele rij met getIconNameAndLocation(‘naamsvgbestand’) staan. Deze kun je gewoon kopiëren plakken en de naam van de \*.svg geven die je wilt toevoegen (zonder extensienaam) **Wil je het overzichtelijk houden?** Zorg dan dat je slechts één enkele icon laat staan (edit: in de driver.js file) en deze naar behoefte aanpast. Je moet dan wel bij elke nieuwe icon dat je wilt toevoegen de app opnieuw via CLI installeren. _Reeds toegevoegde icons en apparaten blijven behouden!_ Credits zijn voor @Peter_de_Vos! Bedankt 🕶 ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 2, 2020, 12:40pm UTC](https://community.homey.app/t/icons-toevoegen/19396/17 "2020-10-02T12:40:29Z")
> [@harmenkuijer](#): > > Zorg dan dat je slechts één enkele icon laat staan Ter aanvulling:in de driver.js file. In de assets map laat je alle icons staan. Harmen: super bedankt dat je het zo helder hebt uitgelegd! ---
**Author:** ![Peter\_van\_Mourik](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_van_mourik/32/16433_2.png) [@Peter\_van\_Mourik](https://community.homey.app/u/Peter_van_Mourik)\ **Post date:** [October 4, 2020, 12:13pm UTC](https://community.homey.app/t/icons-toevoegen/19396/18 "2020-10-04T12:13:53Z")
Harmen bedankt voor je uitleg. Tot dusver duidelijk hoe je bij de iconen komt in de Virtual-devices app. Alleen wil ik graag bepaalde iconen toevoegen/veranderen in de KlikAanKlikUit app, ook die heb ik geopend in Atom maar lijkt wel een heel andere opbouw van files, heb daar voor elk kaku component een apart mapje assets met daarin een driver.js file ook zie ik in die map nog een images map met daarin gewoon 2x \*.png file of 2x \*.jpg file in staan de ene large en de ander small met de pictogramafbeelding. Je zou bijna denken ik verander die \*.png of \*jpg files voor een andere icoon afbeelding en klaar is Kees. Maar zo simpel zal het niet zijn ? Iemand nog een aanvulling hierop ? Mvg. Peter ---
**Author:** ![Peter\_de\_Vos](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_de_vos/32/151925_2.png) [@Peter\_de\_Vos](https://community.homey.app/u/Peter_de_Vos)\ **Post date:** [October 4, 2020, 12:33pm UTC](https://community.homey.app/t/icons-toevoegen/19396/19 "2020-10-04T12:33:13Z")
In de kaku ap hoef je niets in de driver.js file te wijzigen. Houd er wel rekening mee dat wanneer je via cli installeert ook geen updates meer krijgt. Wil je een icoon in de kaku app wijzigen ga je naar de map drivers. Vervolgens ga je naar de map van je apparaat waarvan je de icon wil wijzigen en klik je de map assets aan. Daar staat een bestand icon.svg. Hier kun je je eigen icon naartoe kopiëren. Als je deze ook maar icon.svg noemt ---
**Author:** ![harmenkuijer](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/harmenkuijer/32/120683_2.png) [@harmenkuijer](https://community.homey.app/u/harmenkuijer)\ **Post date:** [October 11, 2020, 12:07pm UTC](https://community.homey.app/t/icons-toevoegen/19396/20 "2020-10-11T12:07:59Z")
Ik ben net bezig met apparaten van Shelly toe te voegen. Hier kom ik iets tegen waarvan ik me afvraag waarom niet elke app-developer dit toe past… ![Screenshot_20201011_140545_app.homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/d/7d182c5e1fdc2e95206abacdd65378897f6c41b6.jpeg) [Next page](https://community.homey.app/t/icons-toevoegen/19396.md?page=2)