I want to make the icon on title bar rounded, I have just a square but I'd like to make it rounded. Is it possible to do so or should I make the icon rounded manually?
Asked
Active
Viewed 1,358 times
-1
-
Does this answer your question? [CSS Circular Cropping of Rectangle Image](https://stackoverflow.com/questions/26421274/css-circular-cropping-of-rectangle-image) – maio290 Apr 28 '21 at 17:34
-
I'm not really sure, I think it's not really what I want. – User456 Apr 28 '21 at 17:36
-
Please [edit] your question to include sample HTML, plus any research and attempts you've made. – Heretic Monkey Apr 28 '21 at 17:42
3 Answers
1
I think so far, the best way to leave the icon look rounded next to the page title is editing the picture itself to look that way before importing it as an external resource on the .
Professional webpages leave the favicons rounded from what i noticed.
emmy_chris
- 13
- 3
0
Set the style of that icon to have border-radius: 5px or any radius you like.
Xia
- 309
- 1
- 3
- 9
-
It's not working... I think do something wrong. Is it possible to see an example? – User456 Apr 28 '21 at 17:42
-
Please edit your post to include sections of your code. It's hard for us to guess what you have tried and what went wrong. Hope you got your code fixed soon. – Xia Apr 28 '21 at 17:53
0
I think you are talking about favicon that appears at the left side of title.
It is not possible to round the image there because it is an external resource to the HTML.
So, if you want that favicon to be rounded, you can use any image editor or any online tools mentioned below.
https://redketchup.io/favicon-generator
Dinesh
- 812
- 4
- 14