Skip to content
shadcn.io

Wind

The wind icon represents the movement of air in the atmosphere, often used to symbolize weather conditions.

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

Set up MCP

Exports at 24 × 24 px

Wind icon from WebHostingHub Glyphs

Code

Wind in your framework

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

export const WindIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" d="M768 512H64q-26 0-45-19T0 447.5t19-45T64 384h192q27 0 45.5-19t18.5-45.5t-18.5-45t-45-18.5t-45.5-19t-19-45.5t19-45t45-18.5q6 0 13 1q75 5 127 60t52 131q0 31-12 64h332q53 0 90.5-37.5T896 256t-37.5-90.5T768 128t-90.5 37.5T640 256q0 26-18.5 45t-45 19t-45.5-19t-19-45q0-106 75-181T768 0t181 75t75 181t-75 181t-181 75M64 576h320q4 0 11 1q11-1 21-1q93 0 158.5 65.5T640 800q0 48-13.5 87.5T584 958t-79.5 48.5T384 1024q-27 0-45.5-19T320 959.5t19-45t45-18.5q31 0 53.5-3t36.5-10.5t22-14t11.5-20.5t4-22.5t.5-25.5q0-40-28-68t-68-28H64q-26 0-45-19T0 639.5t18.5-45T64 576"/>
  </svg>
);

Other libraries

Wind in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Wind icon from Phosphor
  • Wind icon from Tabler Icons
  • Wind icon from IconPark Outline
  • Wind icon from Myna UI Icons
  • Wind icon from Bootstrap Icons
  • Wind icon from Font Awesome Solid
  • Wind icon from Iconoir
  • Wind icon from Lucide

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Windleft icon from WebHostingHub Glyphs
  • Windmill icon from WebHostingHub Glyphs
  • Wheel icon from WebHostingHub Glyphs
  • Wheelchair icon from WebHostingHub Glyphs
  • Whistle icon from WebHostingHub Glyphs
  • Whmcs icon from WebHostingHub Glyphs
  • Wifi icon from WebHostingHub Glyphs
  • Windmillalt icon from WebHostingHub Glyphs
  • Windows icon from WebHostingHub Glyphs
  • Umbrella icon from WebHostingHub Glyphs
  • Mirror icon from WebHostingHub Glyphs
  • Ring icon from WebHostingHub Glyphs
  • Squares icon from WebHostingHub Glyphs
  • Windowseight icon from WebHostingHub Glyphs
  • Buttona icon from WebHostingHub Glyphs
  • Buttonb icon from WebHostingHub Glyphs
  • Buttonx icon from WebHostingHub Glyphs
  • Buttony icon from WebHostingHub Glyphs
  • Circlex icon from WebHostingHub Glyphs
  • Fatarrowup icon from WebHostingHub Glyphs
  • Miui icon from WebHostingHub Glyphs
  • Navigation icon from WebHostingHub Glyphs
  • Pageforward icon from WebHostingHub Glyphs
  • Painting icon from WebHostingHub Glyphs

Skip the copy and paste. With Pro, your AI agent finds and installs any WebHostingHub Glyphs icon from a prompt.

Get Pro

Tags

Browse by tag

Wind is tagged design, UX, symbol and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Wind or any of 2,125 WebHostingHub Glyphs 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.

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 Wind icon means and where it's used, then how to install, style and license it.

Install Wind from a prompt

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

Get Pro