skip to Main Content

CSS : use Material Icon as ::marker or ::before for li element not working

I am using the Google's Material Icons. The font is imported like this : <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded&display=block:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" /> and then a css class : .material-symbols-rounded { font-variation-settings: 'FILL' var(--fill-icons), 'wght' 300, 'GRAD' 200 } I have some li elements, and…

VIEW QUESTION

unable to place material icon vertical center-Twitter bootstrap

Am trying to place material icon in center of circle i tried following method tried adding vertical-align:middle and added text-align:center but nothing work. @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } .mi { font-family: 'Material…

VIEW QUESTION
Back To Top
Search