SVG Images & Fallbacks
SVG images are in colour and fallbacks are grey.
Image | Code |
---|---|
<img src="firefox-logo.svg"> |
|
<svg>
|
|
<svg> |
|
![]() |
<img src="firefox-logo.png" srcset="firefox-logo.svg"> |
![]() |
<picture> |
<object type="image/svg+xml" data="firefox-logo.svg"> |
|
<iframe src="firefox-logo.svg" frameborder="0"> |
|
<img src="firefox-logo.svg" onerror="this.src='firefox-logo.png';this.onerror=null;"> |
|
|
<img src="firefox-logo.svg">
|
![]() |
<img src="firefox-logo.png">
|
Image sources:
http://www.codedread.com/images/firefox-logo.svg
https://www.mozilla.org/en-US/styleguide/identity/firefox/branding/