Icons

Patricia_41 · Dec 21, 2022

hi i just started coding in vs code and i know very little. I can't make my icons like chevron_left or chevron_right to show on my website. I downloaded the from fonts.google.com/icons and i don't even know where should the downloaded file go to. I also thought maybe i needed an icon extension for vs code. Thanks.

MeMate · Dec 21, 2022

Well there is an explanation for you.

First thing to do: Load this font in your page somewhere between <head> and </head>

Code:

<link 
rel="stylesheet" 
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
 />

Then use that whereever you want

Code:

<span class="material-symbols-outlined">
chevron_right
</span>

HTML Aligning social media icons	2	Dec 6, 2020
Favicon issues	0	Feb 19, 2024
Google sheets song request	3	Apr 19, 2022
finding icons for Apps	3	May 25, 2008
Inputting a waveform player (for dummies)	0	Sep 15, 2023
First steps in setting up VSCode to work with Python.	2	Mar 13, 2023
Uploading images - binary or unsupported text encoding	2	Dec 24, 2022
Python script isn't working	0	Oct 1, 2022

Icons

Patricia_41

MeMate

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads