![how to make a favicon a circle how to make a favicon a circle](https://devbeep.com/wp-content/uploads/2021/07/eeeeeeeee-1.png)
The problem is, what shape are most of our photos? Square or rectangle, right? Well, while you can’t fit a square peg into a round hole, you can most certainly make your square photo into a circle, and it’s really pretty easy. Point being, circles are in, and you need to get on board, and that’s probably a big reason why you’re here reading this very post! It’s just one example of many across social media. Then you look across the many different blogs, and you’ll be created with a circle profile for the operator’s “about me.” You’ll see circle profiles on resumes, slide decks, and more.
#How to make a favicon a circle download
Open a new drawing, add a shape and your initials inside it, change the shape’s fill color and your text color, download it as a J-P-E-G, and upload your favicon to your site.Affiliate Disclosure: This post contains affiliate links within the content, sidebar ads, and in other areas, which means if you click those links and make a purchase, I will receive a commission.Ĭircles seem to be all the rage now, right? Think back to the early days of Facebook, with your profile picture stuck inside a standard square.
#How to make a favicon a circle professional
This small touch makes your site both more personal and professional by reinforcing the link between you and your website. If your site is already published, re-publish it. Your favicon will only appear once you publish your site, so if you haven’t published, do that now. Your icon is saved on your computer, so you’ll use upload. Now that your favicon is done, download a copy. Your initials need to be large in order to be seen, so pick a font, size, and color that makes them easy to read on your site. You might also want to change the thickness or color of the shape’s border to make it stand out more.Ĭlick and drag the box to place it in the correct position. Then, change the fill color for your shape.
![how to make a favicon a circle how to make a favicon a circle](https://imgs.developpaper.com/imgs/2154848539-264e04a3d4125836_articlex.png)
Since favicons are very small, make your shape fill most, if not all, of the area. To resize your shape, click and drag the squares on its border. These are the basics of your logo design.
![how to make a favicon a circle how to make a favicon a circle](https://cdn.architecturendesign.net/wp-content/uploads/2015/01/DIY-project-for-homedecor-4.jpg)
The blank area in the center is where you’ll design your icon.Ĭlick the buttons above the blank drawing area to add lines, shapes, text boxes, and images. To begin, open a new tab and sign in to your Google account.Ĭreate a new Google Drawing, and give it a descriptive name. If you haven’t, think about the purpose of your portfolio. This creates a strong look and identity for your portfolio site and helps your audience connect to you and your work. If you created a logo in another extension, make your favicon match it. The icon in this extension uses shape and initials, but those are just some of the elements you can add. In this video, you will create a new canvas in Google Drawings, add a shape, add text or WordArt, and save and upload your favicon to your site. This is an image that represents a website, just like a logo represents a person or a company.Ī favicon makes your website stand out and helps your audience identify you and your work. In this extension, you’ll create your own favicon in Google Drawings and add it to your site.Ī favicon is a small icon that appears on a browser tab.