How to Optimize Font Awesome Icon: White Background, Black Border in Angular?
In an Angular project, I absolutely need to use icons from Font Awesome 5.
The color of the Ordres icon is perfect, however the background color for Portefeuille isn't attractive.
The problem is that fas fa-wallet is black, but I want it to have a white background and a black border.
Is it possible to achieve this, please?
Solution
Try the code below to give the "fas fa-wallet" a white background and a black border.
Html file:
<i class='fas fa-wallet' style='font-size:80px; color:white; text-shadow: -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black, 2px 2px 0 black;'></i>
- Can you render a html file into a container?
- wp_nav_menu - add class on UL
- how to position two elements left and right
- How to reference a .css file on a razor view?
- How can I prevent address bar from hiding in mobile browsers?
- Closing up spacing in Knight Lab's Timeline JS
- Changing Font Color in HTML Email for AOL Mail
- What is the purpose of the @font-face specifications given for Google fonts?
- QTextBrowser not processing CSS properly
- PrimeNg p-inputnumber cannot be styled
- Cannot remove bootstrap button border
- Unable to center navbar properly
- Popover on input field
- Set select element width equal to it's option's content width dynamically
- Force a line break in a URL
- Select text in ::before or ::after pseudo-element
- Trying to size div as percentages of the entire page
- set the width of select2 input (through Angular-ui directive)
- How long will cached CSS file get updated in browser?
- Angular: How to add global CSS, but only for one specific page?
- CSS - focus not working on any browser Why?
- How to position two elements side by side using CSS
- Use CSS3 transitions with gradient backgrounds
- bootstrap container-fluid - remove margins the right way (overflow)
- React Native: Different styles applied on orientation change
- How to modify svg icon colors with Tailwind
- Add a close button to tabs
- How to insert MutationObserver into jQuery code
- Flowbite overriding/changing input field CSS
- If I add position fixed to header, modal becomes unreachable