diff options
Diffstat (limited to 'examples/basics')
| -rw-r--r-- | examples/basics/README.md | 2 | ||||
| -rw-r--r-- | examples/basics/public/favicon.ico | bin | 4286 -> 0 bytes | |||
| -rw-r--r-- | examples/basics/public/favicon.svg | 13 | ||||
| -rw-r--r-- | examples/basics/src/layouts/Layout.astro | 2 |
4 files changed, 15 insertions, 2 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/basics/public/favicon.svg b/examples/basics/public/favicon.svg new file mode 100644 index 000000000..0f3906297 --- /dev/null +++ b/examples/basics/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/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> |
