added icon
This commit is contained in:
parent
10c409cd97
commit
f615616a1e
4 changed files with 128 additions and 0 deletions
42
src/app/apple-icon.tsx
Normal file
42
src/app/apple-icon.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import { ImageResponse } from 'next/og'
|
||||
// Image metadata for Apple icon (larger size)
|
||||
export const size = {
|
||||
width: 180,
|
||||
height: 180,
|
||||
}
|
||||
export const contentType = 'image/png'
|
||||
// Image generation
|
||||
export default function AppleIcon() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="110"
|
||||
height="140"
|
||||
viewBox="524 11 58 74"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g transform="scale(1, -1) translate(0, -96)">
|
||||
<path
|
||||
d="M524.242,84.863L524.242,11.266L581.484,11.266L581.484,84.863L524.242,84.863ZM532.418,76.684L573.305,76.684L573.305,35.797L532.418,35.797L532.418,76.684ZM540.598,68.508L540.598,60.332L548.773,60.332L548.773,68.508L540.598,68.508ZM548.773,60.332L548.773,52.152L556.953,52.152L556.953,60.332L548.773,60.332ZM556.953,60.332L565.129,60.332L565.129,68.508L556.953,68.508L556.953,60.332ZM556.953,52.152L556.953,43.977L565.129,43.977L565.129,52.152L556.953,52.152ZM548.773,52.152L540.598,52.152L540.598,43.977L548.773,43.977L548.773,52.152ZM532.418,27.621L548.773,27.621L548.773,19.445L532.418,19.445L532.418,27.621ZM565.129,27.621L573.305,27.621L573.305,19.445L565.129,19.445L565.129,27.621Z"
|
||||
fill="#63df23"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
),
|
||||
{
|
||||
...size,
|
||||
}
|
||||
)
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
42
src/app/favicon.tsx
Normal file
42
src/app/favicon.tsx
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
import { ImageResponse } from 'next/og'
|
||||
// Image metadata for favicon (16x16)
|
||||
export const size = {
|
||||
width: 16,
|
||||
height: 16,
|
||||
}
|
||||
export const contentType = 'image/png'
|
||||
// Image generation
|
||||
export default function Favicon() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="12"
|
||||
height="15"
|
||||
viewBox="524 11 58 74"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g transform="scale(1, -1) translate(0, -96)">
|
||||
<path
|
||||
d="M524.242,84.863L524.242,11.266L581.484,11.266L581.484,84.863L524.242,84.863ZM532.418,76.684L573.305,76.684L573.305,35.797L532.418,35.797L532.418,76.684ZM540.598,68.508L540.598,60.332L548.773,60.332L548.773,68.508L540.598,68.508ZM548.773,60.332L548.773,52.152L556.953,52.152L556.953,60.332L548.773,60.332ZM556.953,60.332L565.129,60.332L565.129,68.508L556.953,68.508L556.953,60.332ZM556.953,52.152L556.953,43.977L565.129,43.977L565.129,52.152L556.953,52.152ZM548.773,52.152L540.598,52.152L540.598,43.977L548.773,43.977L548.773,52.152ZM532.418,27.621L548.773,27.621L548.773,19.445L532.418,19.445L532.418,27.621ZM565.129,27.621L573.305,27.621L573.305,19.445L565.129,19.445L565.129,27.621Z"
|
||||
fill="#63df23"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
),
|
||||
{
|
||||
...size,
|
||||
}
|
||||
)
|
||||
}
|
||||
44
src/app/icon.tsx
Normal file
44
src/app/icon.tsx
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
import { ImageResponse } from 'next/og'
|
||||
|
||||
// Image metadata for Apple icon (larger size)
|
||||
export const size = {
|
||||
width: 180,
|
||||
height: 180,
|
||||
}
|
||||
export const contentType = 'image/png'
|
||||
|
||||
// Image generation
|
||||
export default function AppleIcon() {
|
||||
return new ImageResponse(
|
||||
(
|
||||
<div
|
||||
style={{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="110"
|
||||
height="140"
|
||||
viewBox="524 11 58 74"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g transform="scale(1, -1) translate(0, -96)">
|
||||
<path
|
||||
d="M524.242,84.863L524.242,11.266L581.484,11.266L581.484,84.863L524.242,84.863ZM532.418,76.684L573.305,76.684L573.305,35.797L532.418,35.797L532.418,76.684ZM540.598,68.508L540.598,60.332L548.773,60.332L548.773,68.508L540.598,68.508ZM548.773,60.332L548.773,52.152L556.953,52.152L556.953,60.332L548.773,60.332ZM556.953,60.332L565.129,60.332L565.129,68.508L556.953,68.508L556.953,60.332ZM556.953,52.152L556.953,43.977L565.129,43.977L565.129,52.152L556.953,52.152ZM548.773,52.152L540.598,52.152L540.598,43.977L548.773,43.977L548.773,52.152ZM532.418,27.621L548.773,27.621L548.773,19.445L532.418,19.445L532.418,27.621ZM565.129,27.621L573.305,27.621L573.305,19.445L565.129,19.445L565.129,27.621Z"
|
||||
fill="#63df23"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
),
|
||||
{
|
||||
...size,
|
||||
}
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue