📑ERC20 Details

Learn how to fetch ERC20 token details data, which includes name, symbol, logo images (original & resized), and total supply.

Airstack provides easy-to-use ERC20 token APIs for enriching Web3 applications with onchain and offchain ERC20 token data from Ethereum, Base, Degen Chain, and other Airstack-supported chains.

Table Of Contents

In this guide you will learn how to use Airstack to:

• Get ERC20 Token Total Supply

• Get ERC20 Token Name & Symbol

• Get ERC20 Token Logo Images

Pre-requisites

• An Airstack account

• Basic knowledge of GraphQL

Get Started

JavaScript/TypeScript/Python

If you are using JavaScript/TypeScript or Python, Install the Airstack SDK:

npm

React

npm install @airstack/airstack-react

Node

npm install @airstack/node

yarn

React

yarn add @airstack/airstack-react

Node

yarn add @airstack/node

pnpm

React

pnpm install @airstack/airstack-react

Node

pnpm install @airstack/node

pip

pip install airstack

Then, add the following snippets to your code:

React

import { init, useQuery } from "@airstack/airstack-react";

init("YOUR_AIRSTACK_API_KEY");

const query = `YOUR_QUERY`; // Replace with GraphQL Query

const Component = () => {
  const { data, loading, error } = useQuery(query);

  if (data) {
    return <p>Data: {JSON.stringify(data)}</p>;
  }

  if (loading) {
    return <p>Loading...</p>;
  }

  if (error) {
    return <p>Error: {error.message}</p>;
  }
};

Node

import { init, fetchQuery } from "@airstack/node";

init("YOUR_AIRSTACK_API_KEY");

const query = `YOUR_QUERY`; // Replace with GraphQL Query

const { data, error } = await fetchQuery(query);

console.log("data:", data);
console.log("error:", error);

Python

import asyncio
from airstack.execute_query import AirstackClient

api_client = AirstackClient(api_key="YOUR_AIRSTACK_API_KEY")

query = """YOUR_QUERY""" # Replace with GraphQL Query

async def main():
    execute_query_client = api_client.create_execute_query_object(
        query=query)

    query_response = await execute_query_client.execute_query()
    print(query_response.data)

asyncio.run(main())

Other Programming Languages

To access the Airstack APIs in other languages, you can use https://api.airstack.xyz/gql as your GraphQL endpoint.

🤖 AI Natural Language​

Airstack provides an AI solution for you to build GraphQL queries to fulfill your use case easily. You can find the AI prompt of each query in the demo's caption or title for yourself to try.

Airstack AI (Demo)

Get ERC20 Token Total Supply

You can fetch an ERC20 token's total supply by using the totalSupply field from Tokens API by providing ERC20 token contract address as an input:

Try Code

https://app.airstack.xyz/query/JN3pfhlTBk

Show me total supply of @Wrapped Ether

Demo

Query

query TotalSupply {
  Tokens(
    input: {
      filter: { address: { _eq: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2" } }
      blockchain: ethereum
    }
  ) {
    Token {
      totalSupply
      decimals
    }
  }
}

Response

{
  "data": {
    "Tokens": {
      "Token": [
        {
          "totalSupply": "3235848667496664235958043",
          "decimals": 18
        }
      ]
    }
  }
}

Get ERC20 Token Name & Symbol

You can fetch an ERC20 token's name and symbol by using the name and symbol fields from Tokens API by providing ERC20 token contract address as an input:

Try Demo

https://app.airstack.xyz/query/4XZZgtB1OW

Show me the name and symbol of @Wrapped Ether

Code

Query

query MyQuery {
  Tokens(
    input: {
      filter: { address: { _eq: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2" } }
      blockchain: ethereum
    }
  ) {
    Token {
      name
      symbol
    }
  }
}

Response

{
  "data": {
    "Tokens": {
      "Token": [
        {
          "name": "Wrapped Ether",
          "symbol": "WETH"
        }
      ]
    }
  }
}

Get ERC20 Token Logo Images

You can fetch all ERC20 token logo images by using the Tokens API by providing ERC20 token contract address as an input:

Try Demo

https://app.airstack.xyz/query/xnkNqfV6Pt

Show me the the logo image of @Wrapped Ether

Code

Query

query MyQuery {
  Tokens(
    input: {
      filter: { address: { _eq: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2" } }
      blockchain: ethereum
    }
  ) {
    Token {
      projectDetails {
        imageUrl
      }
    }
  }
}

Response

{
  "data": {
    "Tokens": {
      "Token": [
        {
          "projectDetails": {
            "imageUrl": "https://assets.airstack.xyz/image/project-image/a5f3V5sauNM0Tw8EXERgdB2s98Wt1ntSoJJ/GNKh0nDl4qUGVQO6pHSKpTJY1gcL/original_image.png"
          }
        }
      ]
    }
  }
}

Developer Support

If you have any questions or need help regarding fetching ERC20 details data, please join our Airstack's Telegram group.

More Resources

• ERC20 Balances

• ERC20 Holders

• Combinations (Common Holders)

  • Multiple ERC20s or NFTs

  • Combinations of ERC20s, NFTs, and POAPs

• ERC20 Tokens In Common

• Tokens API Reference