diff options
70 files changed, 334 insertions, 20 deletions
diff --git a/examples/basics/README.md b/examples/basics/README.md index 9013757b7..96e3e151d 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/basics/public/favicon.ico +++ /dev/null diff --git a/examples/blog/public/astro.svg b/examples/basics/public/favicon.svg index 0f3906297..0f3906297 100644 --- a/examples/blog/public/astro.svg +++ b/examples/basics/public/favicon.svg diff --git a/examples/basics/src/layouts/Layout.astro b/examples/basics/src/layouts/Layout.astro index c75726968..1cea980c5 100644 --- 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 new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/blog/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro index 9c4c8fcdf..ce60a7e77 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/component/demo/public/favicon.ico +++ /dev/null diff --git a/examples/component/demo/public/favicon.svg b/examples/component/demo/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/component/demo/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/docs/public/favicon.ico b/examples/docs/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/docs/public/favicon.ico +++ /dev/null diff --git a/examples/docs/public/favicon.svg b/examples/docs/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/docs/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/docs/src/components/HeadCommon.astro b/examples/docs/src/components/HeadCommon.astro index 143345c68..3551e5489 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/env-vars/public/favicon.ico +++ /dev/null diff --git a/examples/env-vars/public/favicon.svg b/examples/env-vars/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/env-vars/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-alpine/public/favicon.ico b/examples/framework-alpine/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-alpine/public/favicon.ico +++ /dev/null diff --git a/examples/framework-alpine/public/favicon.svg b/examples/framework-alpine/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-alpine/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-alpine/src/pages/index.astro b/examples/framework-alpine/src/pages/index.astro index 575606e24..701ab551c 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-lit/public/favicon.ico +++ /dev/null diff --git a/examples/framework-lit/public/favicon.svg b/examples/framework-lit/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-lit/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro index 5aafa0534..4f0dbc309 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-multiple/public/favicon.ico +++ /dev/null diff --git a/examples/framework-multiple/public/favicon.svg b/examples/framework-multiple/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-multiple/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro index 87f85d2dd..94630aa1e 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-preact/public/favicon.ico +++ /dev/null diff --git a/examples/framework-preact/public/favicon.svg b/examples/framework-preact/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-preact/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro index 2810ca658..a6565f6c1 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-react/public/favicon.ico +++ /dev/null diff --git a/examples/framework-react/public/favicon.svg b/examples/framework-react/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-react/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index 4810006a6..cd7bdc52e 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-solid/public/favicon.ico +++ /dev/null diff --git a/examples/framework-solid/public/favicon.svg b/examples/framework-solid/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-solid/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro index 160c74227..5ff8c9fb6 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-svelte/public/favicon.ico +++ /dev/null diff --git a/examples/framework-svelte/public/favicon.svg b/examples/framework-svelte/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-svelte/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro index 08379ff89..3314afe49 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/framework-vue/public/favicon.ico +++ /dev/null diff --git a/examples/framework-vue/public/favicon.svg b/examples/framework-vue/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/framework-vue/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro index 8d0b88665..85b6594b1 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/minimal/public/favicon.ico +++ /dev/null diff --git a/examples/minimal/public/favicon.svg b/examples/minimal/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/minimal/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/minimal/src/pages/index.astro b/examples/minimal/src/pages/index.astro index 554de1a39..7264ff502 100644 --- 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 Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/non-html-pages/public/favicon.ico +++ /dev/null diff --git a/examples/non-html-pages/public/favicon.svg b/examples/non-html-pages/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/non-html-pages/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/portfolio/public/favicon.ico b/examples/portfolio/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/portfolio/public/favicon.ico +++ /dev/null diff --git a/examples/portfolio/public/favicon.svg b/examples/portfolio/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/portfolio/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro index ea21f76d2..5e4e49b97 100644 --- 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 new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/ssr/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/subpath/public/favicon.ico b/examples/subpath/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/subpath/public/favicon.ico +++ /dev/null diff --git a/examples/subpath/public/favicon.svg b/examples/subpath/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/subpath/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/subpath/src/pages/index.astro b/examples/subpath/src/pages/index.astro index d69690eca..1a86a554b 100644 --- a/examples/subpath/src/pages/index.astro +++ b/examples/subpath/src/pages/index.astro @@ -9,7 +9,7 @@ import Time from '../components/Time.jsx'; <html lang="en"> <head> <meta charset="utf-8" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width" /> <meta name="generator" content={Astro.generator} /> <title>Welcome to Astro</title> diff --git a/examples/with-markdown-plugins/public/favicon.ico b/examples/with-markdown-plugins/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-markdown-plugins/public/favicon.ico +++ /dev/null diff --git a/examples/with-markdown-plugins/public/favicon.svg b/examples/with-markdown-plugins/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-markdown-plugins/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro index 2aae56959..80e81fb42 100644 --- a/examples/with-markdown-plugins/src/layouts/main.astro +++ b/examples/with-markdown-plugins/src/layouts/main.astro @@ -8,7 +8,7 @@ const { content } = Astro.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" /> <title>{content.title}</title> <style> .nav { diff --git a/examples/with-markdown-shiki/public/favicon.ico b/examples/with-markdown-shiki/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-markdown-shiki/public/favicon.ico +++ /dev/null diff --git a/examples/with-markdown-shiki/public/favicon.svg b/examples/with-markdown-shiki/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-markdown-shiki/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-markdown-shiki/src/layouts/main.astro b/examples/with-markdown-shiki/src/layouts/main.astro index 39d74755d..7f5bc2ac2 100644 --- a/examples/with-markdown-shiki/src/layouts/main.astro +++ b/examples/with-markdown-shiki/src/layouts/main.astro @@ -8,7 +8,7 @@ const { content } = Astro.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" /> <title>{content.title}</title> </head> <body> diff --git a/examples/with-mdx/public/favicon.ico b/examples/with-mdx/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-mdx/public/favicon.ico +++ /dev/null diff --git a/examples/with-mdx/public/favicon.svg b/examples/with-mdx/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-mdx/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-nanostores/public/favicon.ico b/examples/with-nanostores/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-nanostores/public/favicon.ico +++ /dev/null diff --git a/examples/with-nanostores/public/favicon.svg b/examples/with-nanostores/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-nanostores/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-nanostores/src/layouts/Layout.astro b/examples/with-nanostores/src/layouts/Layout.astro index 5282ddf90..dae8c6e1a 100644 --- a/examples/with-nanostores/src/layouts/Layout.astro +++ b/examples/with-nanostores/src/layouts/Layout.astro @@ -15,7 +15,7 @@ const { title } = Astro.props as Props; <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" /> <title>{title}</title> </head> <body> diff --git a/examples/with-tailwindcss/public/favicon.ico b/examples/with-tailwindcss/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-tailwindcss/public/favicon.ico +++ /dev/null diff --git a/examples/with-tailwindcss/public/favicon.svg b/examples/with-tailwindcss/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-tailwindcss/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-tailwindcss/src/layouts/main.astro b/examples/with-tailwindcss/src/layouts/main.astro index dc4feb87e..63bee5d25 100644 --- a/examples/with-tailwindcss/src/layouts/main.astro +++ b/examples/with-tailwindcss/src/layouts/main.astro @@ -6,7 +6,7 @@ const { content } = Astro.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" /> <title>{content.title}</title> </head> <body> diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro index a36b41eda..5a0e50ab1 100644 --- a/examples/with-tailwindcss/src/pages/index.astro +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -10,7 +10,7 @@ import Button from '../components/Button.astro'; <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>Astro + TailwindCSS</title> </head> diff --git a/examples/with-vite-plugin-pwa/public/favicon.ico b/examples/with-vite-plugin-pwa/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-vite-plugin-pwa/public/favicon.ico +++ /dev/null diff --git a/examples/with-vite-plugin-pwa/public/favicon.svg b/examples/with-vite-plugin-pwa/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-vite-plugin-pwa/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-vite-plugin-pwa/src/pages/index.astro b/examples/with-vite-plugin-pwa/src/pages/index.astro index 4a9bca7e2..af2303f57 100644 --- a/examples/with-vite-plugin-pwa/src/pages/index.astro +++ b/examples/with-vite-plugin-pwa/src/pages/index.astro @@ -4,7 +4,7 @@ <html lang="en"> <head> <meta charset="utf-8" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width" /> <meta name="generator" content={Astro.generator} /> <title>Welcome to Astro</title> diff --git a/examples/with-vitest/public/favicon.ico b/examples/with-vitest/public/favicon.ico Binary files differdeleted file mode 100644 index 578ad458b..000000000 --- a/examples/with-vitest/public/favicon.ico +++ /dev/null diff --git a/examples/with-vitest/public/favicon.svg b/examples/with-vitest/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/with-vitest/public/favicon.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> + <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> + <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> + <defs> + <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> + <stop stop-color="#000"/> + <stop offset="1" stop-color="#000" stop-opacity="0"/> + </linearGradient> + </defs> + <style> + @media (prefers-color-scheme:dark){:root{filter:invert(100%)}} + </style> +</svg> diff --git a/examples/with-vitest/src/pages/index.astro b/examples/with-vitest/src/pages/index.astro index 4389d5d25..7264ff502 100644 --- a/examples/with-vitest/src/pages/index.astro +++ b/examples/with-vitest/src/pages/index.astro @@ -4,7 +4,9 @@ <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> </head> <body> |
