top of page
Writer's pictureMarina Lotaif

Favicon Tutorial: How To Create Favicon For Website + How To Make A Favicon With Canva Favicon Maker

Today we’re going to talk about how to create a favicon with Canva. A favicon is a small pixel icon that appears at the top of a web browser. It serves as branding for your website and is a convenient way for visitors to locate your page when they have multiple tabs open.



Stay tuned until the end of this video to learn how to create a favicon with Canva to brand your business, and to get a FREE cheat sheet with 9 brilliant tools like Canva that you can use in your online business to save time and boost your productivity. Also, make sure to subscribe and hit the bell to be notified every Tuesday when I post a new video.


Alright, so let’s get right into how to create a favicon with Canva.


Once you've logged in to your Canva account, which you can get started with today for free by clicking on the link in the description box below, click on the blue 'create a design' button on the top left, and then on 'custom dimensions'. A favicon is usually 16 by 16 pixels, but since Canva only allows for designs that are at least 40 pixels in size, let's create a bigger square that's 48 by 48 pixels.


Due to its small size, a favicon should be as simple as possible, and either be an abbreviated version of your text or image logo. Let's create both favicon versions. What's great about Canva is that it has a number of templates that you can customize that are exactly in the dimensions you chose.


For our text favicon, let's customize this 'MONO' template. We can change the background color to fit in with our brand, in my case to fcb900, and change the text so that it's the initials of our online business' name, in my case YTT, and change the color of that as well, in my case to 2e333b. If your logo has a custom font that isn't available in Canva, make sure to watch my video on 'how to upload your own font to Canva' to do that.


For our image favicon, let's customize this 'Super Sogbu' template. Let's ungroup the elements to delete the text, and increase the size of this fork and spoon icon. If your online business has nothing to do with food and cooking, you can also replace this fork and spoon icon to something else from Canva's icon library, or upload your own image logo instead. In my case, I'll increase the size of the outer circle, add this gear icon, and change a few of the gear colors so that they fit in with my brand, such as the green to 09a59a, the yellow to fcb900, and the red to 2e333b.


Once you've finished creating your favicon, and wish to download it to your computer, click on the downward pointing arrow on the top right, select the file type, so either JPG or PNG, and click on the blue 'download' button. If you wish to leave the favicon icon background white, download it as a JPG, but in case your design has a transparent background instead, and is just this circle with the gear icon inside, for instance, be sure to save your file as a PNG and turn on the 'transparent background' setting. You can do so with a Canva Pro account, which you can try out for free for 30 days by clicking on the link in the description box below.


Now you know how to create a favicon with Canva. As promised, to get a FREE cheat sheet with 9 brilliant tools like Canva that you can use in your online business to save time and boost your productivity, just click on the link in the description box below.

So what does your favicon look like? Leave your answer in the comment section below, and make sure to click on the link in the description box below to get a free 30-day trial of Canva Pro.


If you liked this video, give me a like below, share it with your friends, and make sure to subscribe and hit the bell to be notified every time we post a new video. Thank you so much for watching, and I’ll see you in the next video!


--


HOW TO CREATE A FAVICON WITH CANVA. In this Canva tutorial, you'll learn how to design a favicon, how to make a favicon, and how to create a favicon so that you can come up with a website favicon (how to create a favicon for your website) or a blog favicon (how to create a favicon for blogger) for your business (how to create a favicon.ico). After watching this favicon tutorial, you'll discover what is a favicon, how to get a favicon, all about favicon design so that you can design a favicon with Canva, how to Canva create favicon and create favicon Canva, which is the easiest favicon generator.


GET A FREE 30-DAY TRIAL OF CANVA PRO: https://canva.pxf.io/jA4Q5


CLICK TO TWEET: https://ctt.ac/h32Oy


SUBSCRIBE FOR NEW VIDEOS EVERY TUESDAY: http://bit.ly/youtubeyestotech


WHAT YOU’LL LEARN IN THIS VIDEO:


How to create a favicon with canva, favicon, design a favicon, create a favicon, website favicon, blog favicon, design a favicon with Canva, what is a favicon, how to get a favicon, canva, canva tutorial, canva favicon, create favicon, create favicon Canva, how to make a favicon, favicon generator, how to design a favicon, favicon tutorial, favicon design, how to create a favicon for your website, how to create a favicon for blogger, how to create a favicon.ico


RESOURCES MENTIONED:


How To Upload Your Own Font To Canva: https://youtu.be/ouElwYUltzM


Get a FREE 30-day trial of Canva Pro: https://canva.pxf.io/jA4Q5


FREE cheat sheet with 9 brilliant tools to run your online business: https://www.yestotech.com/onlinebusinesstools


RELATED VIDEOS:


CANVA TUTORIAL 2020: Canva Tips And Tricks For Beginners - Canva Keyboard Shortcuts: https://youtu.be/z-tICsqEDfk


HOW TO CREATE A GIF IN CANVA: https://youtu.be/jFfwgDFF3vQ


WHAT ARE THE TOP SOCIAL MEDIA MARKETING TOOLS? - Viraltag vs. Canva Schedule: https://youtu.be/tbg0JSes8U8


CANVA PRO: A SIMPLE VIDEO GUIDE TO CANVA 2.0 (CANVA PRO) - How To Use Canva 2.0 - Canva Pro Tutorial: https://youtu.be/NN54oF5-8Ec


HOW TO CREATE PINTEREST PINS FOR FREE IN CANVA - Canva Pinterest Tutorial: https://youtu.be/CxhV4V9oxDk


DISCOUNT CODES & EXCLUSIVE OFFERS:


ConvertKit (email marketing software): a 30-day free trial - https://convertkit.com/?lmref=7SUoRg


Viraltag (social media marketing tool): a 14-day free trial and $15 off - https://viraltag.grsm.io/MarinaLotaif914


Leadpages (landing page and website builder): a 14-day free trial - https://try.leadpages.com/yestotech


Interact Quiz Maker (quiz, poll and giveaway maker): a 14-day free trial - https://www.tryinteract.com/#oid=59709_4020


Hostinger (web hosting): 10% off with code YESTOTECH - https://www.hostinger.com/yestotech


Wix (website builder): 50% off yearly premium packages (first time users only) with code EDU_Mar17411703 - http://bit.ly/wixforfree


Canva Pro (graphic design tool): a 30-day free trial - https://canva.pxf.io/jA4Q5


Visme (presentation, infographic and visual content creator): a free forever plan until you decide to upgrade - https://partner.visme.co/?ref=MarinaLotaif


Teachable (online course platform): a free forever plan until you decide to upgrade - https://teachable.sjv.io/c/1134751/933427/12646


SHOP THE STORE:


- Brilliant Branding: https://mlotaif.lpages.co/brilliant-branding-evergreen/

- Wonder Website: https://mlotaif.lpages.co/wonder-website-evergreen

- Traffic Takeoff: https://mlotaif.lpages.co/traffic-takeoff-evergreen

- Webinar Sales Funnel Template: https://yestotech.teachable.com/p/webinar-sales-funnel-template

- ConvertKit Tech Training Tutorials: https://yestotech.teachable.com/p/convertkit-tech-training-tutorials



MY FAVORITE TECH, TOOLS, AND RESOURCES: https://www.yestotech.com/resources


JOIN THE CONVERSATION!


- Website: https://www.yestotech.com

- Facebook: https://www.facebook.com/yestotech

- Pinterest: https://www.pinterest.com/yestotech

- Instagram: https://www.instagram.com/yestotech


Welcome to our YouTube channel! It's our mission at Yes To Tech to empower online entrepreneurs, bloggers, and small business owners like you to maximize your online presence - even if you're not tech savvy! Subscribe to our channel for tips and tricks on DIY website creation, social media marketing, e-mail marketing, branding, blogging, webinars, and video creation, for the tech needed when you're just getting started with your online business, and for step-by-step video tutorials created especially for the non-techie online entrepreneur's point of view.


DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. I only recommend products that I use and love. Thank you for your support!




Tags: How to create a favicon with canva, favicon, design a favicon, create a favicon, website favicon, blog favicon, design a favicon with Canva, what is a favicon, how to get a favicon, canva, canva tutorial, canva favicon, create favicon, create favicon Canva, how to make a favicon, favicon generator, how to design a favicon, favicon tutorial, favicon design, how to create a favicon for your website, how to create a favicon for blogger, how to create a favicon.ico, yes to tech

1 comment

1 Comment


Nandalala A
Nandalala A
Jan 27, 2023

What kind of themes have you use

Like
bottom of page