Skip to content
shadcn.io

Azure Light

The Azure Light icon represents Microsoft Azure, a comprehensive cloud computing platform provided by Microsoft.

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

Set up MCP

Exports at 24 × 24 px

Azure Light icon from Skill Icons
Get Pro

397 in Skill IconsMIT license (opens in a new tab)Free to copy and download

Code

Azure Light in your framework

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

export const AzureLightIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256" {...props}>
    <g fill="none"><rect width="256" height="256" fill="#F4F2ED" rx="60"/><path fill="url(#SVGvtLomeTq)" d="M94.674 34.002h59.182L92.42 216.032a9.44 9.44 0 0 1-8.94 6.419H37.422a9.42 9.42 0 0 1-9.318-8.026a9.4 9.4 0 0 1 .39-4.407L85.733 40.421A9.44 9.44 0 0 1 94.674 34z"/><path fill="#0078D4" d="M180.674 156.095H86.826a4.34 4.34 0 0 0-4.045 2.75a4.34 4.34 0 0 0 1.079 4.771l60.305 56.287a9.48 9.48 0 0 0 6.468 2.548h53.141z"/><path fill="url(#SVGF1FCwctT)" d="M94.675 34.002a9.36 9.36 0 0 0-8.962 6.544L28.565 209.863a9.412 9.412 0 0 0 8.882 12.588h47.247a10.1 10.1 0 0 0 7.75-6.592l11.397-33.586l40.708 37.968a9.63 9.63 0 0 0 6.059 2.21h52.943l-23.22-66.355l-67.689.016l41.428-122.11z"/><path fill="url(#SVG65TqPZEw)" d="M170.264 40.412a9.42 9.42 0 0 0-8.928-6.41H95.379a9.42 9.42 0 0 1 8.928 6.41l57.241 169.604a9.43 9.43 0 0 1-1.273 8.509a9.43 9.43 0 0 1-7.655 3.928h65.959a9.43 9.43 0 0 0 7.654-3.929a9.42 9.42 0 0 0 1.272-8.508z"/><defs><linearGradient id="SVGvtLomeTq" x1="116.244" x2="54.783" y1="47.967" y2="229.54" gradientUnits="userSpaceOnUse"><stop stopColor="#114A8B"/><stop offset="1" stopColor="#0669BC"/></linearGradient><linearGradient id="SVGF1FCwctT" x1="135.444" x2="121.227" y1="132.585" y2="137.392" gradientUnits="userSpaceOnUse"><stop stopOpacity=".3"/><stop offset=".071" stopOpacity=".2"/><stop offset=".321" stopOpacity=".1"/><stop offset=".623" stopOpacity=".05"/><stop offset="1" stopOpacity="0"/></linearGradient><linearGradient id="SVG65TqPZEw" x1="127.625" x2="195.091" y1="42.671" y2="222.414" gradientUnits="userSpaceOnUse"><stop stopColor="#3CCBF4"/><stop offset="1" stopColor="#2892DF"/></linearGradient></defs></g>
  </svg>
);

Other libraries

Azure Light in 3 more libraries

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

  • Azure Light icon from Lineicons
  • Azure Light icon from Devicon Plain
  • Azure Light icon from Codicons

Skill Icons

Icons that share its tags, in the same style.

  • Aws Light icon from Skill Icons
  • Vercel Light icon from Skill Icons
  • Visualstudio Light icon from Skill Icons
  • Expressjs Light icon from Skill Icons
  • Flask Light icon from Skill Icons
  • Gcp Light icon from Skill Icons
  • Htmx Light icon from Skill Icons
  • Vuejs Light icon from Skill Icons
  • Vuetify Light icon from Skill Icons
  • Windows Light icon from Skill Icons
  • Actix Light icon from Skill Icons
  • Apple Light icon from Skill Icons
  • Arch Light icon from Skill Icons
  • Autocad Light icon from Skill Icons
  • Bash Light icon from Skill Icons
  • Codepen Light icon from Skill Icons
  • Dynamodb Light icon from Skill Icons
  • Ipfs Light icon from Skill Icons
  • Java Light icon from Skill Icons
  • Jenkins Light icon from Skill Icons
  • Openstack Light icon from Skill Icons
  • Powershell Light icon from Skill Icons
  • Remix Light icon from Skill Icons
  • Replit Light icon from Skill Icons

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

Get Pro

Tags

Browse by tag

Azure Light is tagged cloud, web, microsoft and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Skill Icons MCP, with Pro

Ask for Azure Light or any of 397 Skill Icons 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 Azure Light icon means and where it's used, then how to install, style and license it.

Install Azure Light from a prompt

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

Get Pro