Weather Badge

Create your own Badge showing current weather!

🏃 Go to Website

✔️ Contents

• Contents
• About
• Usage
  • SVG URL
  • HTML
  • Markdown
  • Or
• Built With
  • Web
  • SVG
  • Server
  • Deploy

💁 About

실시간으로 최근 날씨를 보여주는 SVG입니다!
깃허브, 노션, 웹페이지 등에 추가해서 예쁘게 꾸며보세요.

SVG shows the recent weather in real time!
Add this to your Github profile, Notion or Website for decorations.

📝 Usage

SVG URL

https://weather-badge.vercel.app/api/badge?lat={latitude}&lon={longitude}&size={size}

HTML

<a href="https://weather-badge.vercel.app/">
   <img src="https://weather-badge.vercel.app/api/badge?lat={latitude}&lon={longitude}&size={size}" />
</a>

Markdown

[![Weather Badge](https://weather-badge.vercel.app/api/badge?lat={latitude}&lon={longitude}&size={size})]("https://weather-badge.vercel.app/")

⚠️ lat, lon is required, size is optional (default: 150)

Or

You can easily create badge via my site!

Built with

Web

• Next.js
• Tailwind CSS
• FontAwesome

SVG

• FontAwesome
• Meteocons

Server

• Next.js

Deploy

• Vercel