the code that represents the icon in Odoo V17 for Facebook is <a t-att-href="social_links.get('social_facebook')" aria-label="Facebook" title="Facebook">
<span class="fa fa-facebook"></span>
Replace this with an <img> tag pointing to your custom icon, like this <img src="/path/to/your/icon.png" alt="Custom Icon" style="width: 32px; height: 32px;">.

Thank you but it still doesn't work.
It's only put my image as normal.
But I tinker something that is not exactly that i want.
i wrote this
<a href="https://www.thewebsite" target="_blank" aria-label="website">
<img src="/path/to/theimage.png" alt="Custom Icon" style="height: 3rem; padding: 1.1rem 0.85rem; class="rounded img-thumbnail"/>
</a>
The original <i class="fa fa-instagram rounded shadow-sm o_editable_media"/> make the icon in a white rounded square and i can edit it in the builder.
it's like i have an "icon class" but with your technic it's like an "image class"
I can't change color or have a perfect square for the background. Neither have a hover on it.