Skip to content
shadcn.io

Weather Map

The weather-map icon represents a weather map, a type of map used to display atmospheric conditions and weather patterns over a specific geographic area.

Add shadcn.io to your AI agent. · Pro It installs Weather Map, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Weather Map icon from Font-GIS
Get Pro

367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download

Code

Weather Map in your framework

In any framework. Customize it above, and the code follows.

export const WeatherMapIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 100 100" {...props}>
    <path fill="currentColor" d="M2.5 12.5A2.5 2.5 0 0 0 0 15v70a2.5 2.5 0 0 0 2.5 2.5h95A2.5 2.5 0 0 0 100 85V15a2.5 2.5 0 0 0-2.5-2.5zm2.5 5h72.066c-3.48 1.554-6.828 3.507-10.025 5.742c-9.537 6.667-17.823 15.814-24.639 24.356l-.015.02l-.016.019C32.274 61.179 20.148 68.395 5 71.057zm81.447 0H95v13.598c-12.444-1.557-21.873.893-28.824 4.302l-.008.004l-.01.004c-13.24 6.71-17.638 16.772-21.726 26.25c-3.34 7.743-6.488 15.087-14.248 20.842H5v-8.451c16.007-2.72 29.157-10.397 39.746-24.58c6.726-8.43 14.866-17.373 24.014-23.768c5.567-3.892 11.476-6.834 17.687-8.201m-62.324 2.586a2 2 0 0 0-1.969 2.027v5.067a10.3 10.3 0 0 0-3.71 1.533l-3.58-3.58a2 2 0 0 0-1.436-.606a2 2 0 0 0-1.395 3.434l3.578 3.578a10.3 10.3 0 0 0-1.539 3.715H9.014a2 2 0 1 0 0 4h5.066a10.3 10.3 0 0 0 1.535 3.709l-3.582 3.582a2 2 0 1 0 2.83 2.828l3.578-3.578a10.3 10.3 0 0 0 3.713 1.539v5.059a2 2 0 1 0 4 0v-5.067a10.3 10.3 0 0 0 3.711-1.533l3.58 3.58a2 2 0 1 0 2.828-2.828l-3.578-3.578a10.3 10.3 0 0 0 1.54-3.713h5.058a2 2 0 1 0 0-4h-5.064a10.3 10.3 0 0 0-1.538-3.711l3.582-3.582a2 2 0 0 0-1.453-3.434a2 2 0 0 0-1.375.606l-3.578 3.578a10.3 10.3 0 0 0-3.713-1.54v-5.058a2 2 0 0 0-2.031-2.027m63.02 13.416l5.138 8.191L95 38.236V82.5H34.85a36 36 0 0 0 1.671-1.646l10.985-.463l-3.94-9.684c1.346-2.602 2.496-5.25 3.621-7.86c3.384-7.843 6.603-15.35 14.645-21.275l10.012 4.518l.812-10.147q.65-.225 1.323-.435l7.216 6.992l4.055-8.947q.93-.044 1.893-.051M69.518 52.873c-3.5 0-6.585 2.26-7.6 5.563a6.3 6.3 0 0 0-1.516-.196c-3.42 0-6.193 2.736-6.193 6.11c0 3.215 2.518 5.844 5.715 6.086a9 9 0 0 1-.067-1.018c0-4.744 3.94-8.61 8.694-8.61h.015c.027 0 .052.01.079.01c1.48-2.63 4.003-4.52 6.953-5.138a7.97 7.97 0 0 0-6.08-2.807m8.148 5.068c-3.499 0-6.585 2.26-7.6 5.563a6.3 6.3 0 0 0-1.515-.195c-3.42 0-6.193 2.735-6.194 6.109c0 3.374 2.773 6.11 6.194 6.11h15.633c2.858 0 5.174-2.285 5.173-5.104c-.002-2.279-1.537-4.28-3.76-4.903c-.139-4.223-3.647-7.577-7.931-7.58"/>
  </svg>
);

Font-GIS

More like it

Icons that share its tags, in the same style.

All 367 icons
  • Wcps icon from Font-GIS
  • Wcs icon from Font-GIS
  • Wfs icon from Font-GIS
  • Wfs T icon from Font-GIS
  • Wmc icon from Font-GIS
  • Wms icon from Font-GIS
  • Wmts icon from Font-GIS
  • World Folder icon from Font-GIS
  • World Folder O icon from Font-GIS
  • Gpx File icon from Font-GIS
  • Layer icon from Font-GIS
  • Layer 2 Add O icon from Font-GIS
  • Layer 2 Rm O icon from Font-GIS
  • Layer Add icon from Font-GIS
  • Layer Add O icon from Font-GIS
  • Gnss icon from Font-GIS
  • Gnss Antenna icon from Font-GIS
  • Grid icon from Font-GIS
  • Height Map icon from Font-GIS
  • Hex Map icon from Font-GIS
  • Intersection icon from Font-GIS
  • Kml File icon from Font-GIS
  • Map Bookmark icon from Font-GIS
  • Map Control icon from Font-GIS

Search Font-GIS

Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.

Get Pro

Tags

Browse by tag

Weather Map is tagged weather, climate, meteorology and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Font-GIS MCP, with Pro

Ask for Weather Map or any of 367 Font-GIS icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Weather Map icon means and where it's used, then how to install, style and license it.

Install Weather Map from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro