added icon
This commit is contained in:
anonymousratwastaken
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