<h1 align="center">
    <a href="https://cloud-icons.netlify.app" target="_blank" rel="noopener noreferrer">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ShawnGeorge03/cloud-icons/HEAD/.github/logo-dark.svg">
            <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ShawnGeorge03/cloud-icons/HEAD/.github/logo-light.svg">
            <img alt="Cloud-icons" width="1125" height="300" style="max-width: 100%"
                src="https://raw.githubusercontent.com/ShawnGeorge03/cloud-icons/HEAD/.github/logo-light.svg">
        </picture>
    </a>
</h1>

<p align="center">Over 1590 icons from AWS, Azure, GCP.<p>

<p align="center">
    <a href="https://www.npmjs.com/package/cloud-icons?activeTab=versions">
        <img src="https://img.shields.io/npm/v/cloud-icons" alt="Latest Release">
    </a>
    <a href="https://www.jsdelivr.com/package/npm/cloud-icons">
        <img src="https://data.jsdelivr.com/v1/package/npm/cloud-icons/badge" alt="jsDeliver">
    </a>
</p>

## Basic Usage

The quickest way to use these icons is to simply copy the source for the icon
you need from [cloud-icons.netlify.app](https://cloud-icons.netlify.app/) and
inline it directly into your HTML:
