Switch examples favicon to use svg (#4331)

* chore(examples): switch favicon to svg * chore: astro.svg => favicon.svg * Update examples/basics/README.md Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com> Co-authored-by: Nate Moore <nate@astro.build> Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com>
withastro · Aug 17, 2022 · 41b81d0 · 41b81d0
1 parent 1beb3f9
commit 41b81d0
Show file tree

Hide file tree

Showing 70 changed files with 334 additions and 20 deletions.
diff --git a/examples/basics/README.md b/examples/basics/README.md
@@ -11,7 +11,7 @@ Inside of your Astro project, you'll see the following folders and files:
 ```
 /
 ├── public/
-│   └── favicon.ico
+│   └── favicon.svg
 ├── src/
 │   ├── components/
 │   │   └── Layout.astro

diff --git a/examples/basics/public/favicon.ico b/examples/basics/public/favicon.ico
diff --git a/examples/blog/public/astro.svg → examples/basics/public/favicon.svg b/examples/blog/public/astro.svg → examples/basics/public/favicon.svg
diff --git a/examples/basics/src/layouts/Layout.astro b/examples/basics/src/layouts/Layout.astro
@@ -11,7 +11,7 @@ const { title } = Astro.props as Props;
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 	</head>

diff --git a/examples/blog/public/favicon.svg b/examples/blog/public/favicon.svg
diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro
@@ -15,7 +15,7 @@ const { title, description, image = '/placeholder-social.jpg' } = Astro.props;
 <!-- Global Metadata -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
-<link rel="icon" type="image/svg+xml" href="/astro.svg" />
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <meta name="generator" content={Astro.generator} />
 
 <!-- Primary Meta Tags -->

diff --git a/examples/component/demo/public/favicon.ico b/examples/component/demo/public/favicon.ico
diff --git a/examples/component/demo/public/favicon.svg b/examples/component/demo/public/favicon.svg
diff --git a/examples/docs/public/favicon.ico b/examples/docs/public/favicon.ico
diff --git a/examples/docs/public/favicon.svg b/examples/docs/public/favicon.svg
diff --git a/examples/docs/src/components/HeadCommon.astro b/examples/docs/src/components/HeadCommon.astro
@@ -9,7 +9,6 @@ import '../styles/index.css';
 <meta name="generator" content={Astro.generator} />
 
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-<link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
 
 <link rel="sitemap" href="/sitemap.xml" />
 

diff --git a/examples/env-vars/public/favicon.ico b/examples/env-vars/public/favicon.ico
diff --git a/examples/env-vars/public/favicon.svg b/examples/env-vars/public/favicon.svg
diff --git a/examples/framework-alpine/public/favicon.ico b/examples/framework-alpine/public/favicon.ico
diff --git a/examples/framework-alpine/public/favicon.svg b/examples/framework-alpine/public/favicon.svg
diff --git a/examples/framework-alpine/src/pages/index.astro b/examples/framework-alpine/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.astro';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/framework-lit/public/favicon.ico b/examples/framework-lit/public/favicon.ico
diff --git a/examples/framework-lit/public/favicon.svg b/examples/framework-lit/public/favicon.svg
diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro
@@ -12,7 +12,7 @@ import { MyCounter } from '../components/my-counter.js';
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<title>Demo</title>
 	</head>
 	<body>

diff --git a/examples/framework-multiple/public/favicon.ico b/examples/framework-multiple/public/favicon.ico
diff --git a/examples/framework-multiple/public/favicon.svg b/examples/framework-multiple/public/favicon.svg
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro
@@ -20,7 +20,7 @@ import SvelteCounter from '../components/SvelteCounter.svelte';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 	</head>
 	<body>
 		<main>

diff --git a/examples/framework-preact/public/favicon.ico b/examples/framework-preact/public/favicon.ico
diff --git a/examples/framework-preact/public/favicon.svg b/examples/framework-preact/public/favicon.svg
diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/framework-react/public/favicon.ico b/examples/framework-react/public/favicon.ico
diff --git a/examples/framework-react/public/favicon.svg b/examples/framework-react/public/favicon.svg
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro
@@ -14,7 +14,7 @@ const someProps = {
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/framework-solid/public/favicon.ico b/examples/framework-solid/public/favicon.ico
diff --git a/examples/framework-solid/public/favicon.svg b/examples/framework-solid/public/favicon.svg
diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/framework-svelte/public/favicon.ico b/examples/framework-svelte/public/favicon.ico
diff --git a/examples/framework-svelte/public/favicon.svg b/examples/framework-svelte/public/favicon.svg
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.svelte';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/framework-vue/public/favicon.ico b/examples/framework-vue/public/favicon.ico
diff --git a/examples/framework-vue/public/favicon.svg b/examples/framework-vue/public/favicon.svg
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.vue';
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<style>
 			html,
 			body {

diff --git a/examples/minimal/public/favicon.ico b/examples/minimal/public/favicon.ico
diff --git a/examples/minimal/public/favicon.svg b/examples/minimal/public/favicon.svg
diff --git a/examples/minimal/src/pages/index.astro b/examples/minimal/src/pages/index.astro
@@ -4,6 +4,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
 		<title>Astro</title>

diff --git a/examples/non-html-pages/public/favicon.ico b/examples/non-html-pages/public/favicon.ico
diff --git a/examples/non-html-pages/public/favicon.svg b/examples/non-html-pages/public/favicon.svg
diff --git a/examples/portfolio/public/favicon.ico b/examples/portfolio/public/favicon.ico
diff --git a/examples/portfolio/public/favicon.svg b/examples/portfolio/public/favicon.svg
diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro
@@ -12,7 +12,7 @@ const {
 <meta name="generator" content={Astro.generator} />
 <title>{title}</title>
 
-<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link

diff --git a/examples/ssr/public/favicon.svg b/examples/ssr/public/favicon.svg
diff --git a/examples/subpath/public/favicon.ico b/examples/subpath/public/favicon.ico
diff --git a/examples/subpath/public/favicon.svg b/examples/subpath/public/favicon.svg