custom icon

[cinder hull]

hi im new to HA, someone know how i can put a custom icon to a switch in HA lovelace page?

[pure wren]

is this what you mean? https://www.home-assistant.io/docs/configuration/customizing-devices/

[cinder hull]

i have a shelly that turn on a 3d printer, but i dont like any icon that can remind me of a 3d printer so i want to add my own one do you know how i can do it_

[quiet void]

You'd need to install a custom integration to provide the icons you want

https://github.com/elax46/custom-brand-icons or https://github.com/thomasloven/hass-fontawesome for example

[cinder hull]

ok thanks

[quick dock]

There is a custom button and use can use and template image that you want.

I have a button and that shows the artist playing

[cinder hull]

i tried em

but i cant add a custom icon

i tried to read the description of the integration too, and the first one says that i need to ask them to add the one i want, the second one just says: If you have other svg icons you want to use (including but not limited to the Fontawesome Pro set), you can do so by placing the .svg files in <Home Assistant Config>/custom_icons/. You will need to create this directory yourself.

[cinder hull]

i finded an image entity things in the lovelace but if i add the image the other buttons just strech them self

[quiet void]

Are you trying to add your own made up icon?

Because those are for adding custom icons others have made

FontAwesome allows you to do your own SVGs, but it's not trivial

[cinder hull]

i want to add my own one, how i can do it?

i just want to add a custom icon, i dont need it to light up when its on or turn off when its off, i just need to add an icon

[quick dock]

I said custom button so obviously hacs https://github.com/custom-cards/button-card

[cinder hull]

and how can i add one in there?

[quiet void]

https://github.com/thomasloven/hass-fontawesome#using-with-custom-icons explains how

Honestly, I'd try to find one that's close to what you want and then modify it, or just use one that's close enough

https://www.flaticon.com/free-icon/3d-printer_3112504?term=printer&page=1&position=20&origin=search&related_id=3112504 for example

Or https://elax46.github.io/custom-brand-icons/?search=printer

[cinder hull]

can i send you one ?

because I am an intern who is making the entire company where I work smart, and they want this icon for the 3D printer

[quiet void]

There's no point in sending it to me

[cinder hull]

ok , the problem is that they want this one

so i need to add this one

[cinder hull]

but i cant understand what they re just telling in the thread

where i need to create the directory

[quiet void]

Create /config/custom_icons/ and put the files there

https://www.home-assistant.io/docs/configuration/

Of course, you also need to install Hass FontAwesome first

[cinder hull]

but i can create the directory where i want?

its what im not understanding

[quiet void]

No

Create /config/custom_icons/ and put the files there
https://www.home-assistant.io/docs/configuration/

[cinder hull]

ok let me see

[quiet void]

I've no idea if you need to restart HA to get it to pick up new/changed files there

[cinder hull]

so i need tp create the directory here?

i dont have any /config/ directory

[quiet void]

Yes, you do

Did you click the link I posted?

[cinder hull]

i did

[quiet void]

And you read it? 😛

https://www.home-assistant.io/common-tasks/os/#configuring-access-to-files will help you get access to the folder if you're confused

[cinder hull]

i did

i readed this

[quiet void]

Configuration direction: /config

#1311347583590858913 message

[cinder hull]

so im just in the right one?

and i need to only create a directory called custom_icons

and put that icon there?

[quiet void]

Yes, if you're in /config/

#1311347583590858913 message

[cinder hull]

so im gonna explain my self better

im dumb af

in file editor i cant find that directory

[quiet void]

That directory is the one with configuration.yaml

[cinder hull]

so what im thinking is that im already in the config directory

[quiet void]

https://www.home-assistant.io/docs/configuration/#editing-configurationyaml

[cinder hull]

i am already in it

[quiet void]

Right... that is /config/

[quiet void]

Now create the folder

[cinder hull]

i already did

and added the svg

[quiet void]

Great, and you've installed FontAwesome?

[cinder hull]

ofc

[quiet void]

And restart HA?

And set up FontAwesome?

[cinder hull]

yeap

you can see i have the default icon of fontawesome

[quiet void]

https://github.com/thomasloven/hass-fontawesome#using-with-custom-icons

You can then use those icons with the fapro: prefix.

[cinder hull]

now it works

thanks ❤️

i have another question

a fast one

there is a method to put the button/ grids where i want witout using the -"number+ things?

[quiet void]

Honestly, no idea - you're better off starting a fresh topic so that you get more eyeballs on that question