Noun Project图标API

接入教程

1. 注册Noun Project账号并获取API密钥
2. 查阅官方文档了解端点结构和参数
3. 使用搜索端点按关键词查找图标
4. 选择合适的图标并获取下载链接
5. 遵循API使用条款集成到您的项目

使用Python搜索图标

python

import requests

url = "https://api.thenounproject.com/icons/"
params = {
    "query": "cat",
    "limit": 10
}
headers = {
    "Authorization": "Bearer YOUR_API_KEY"
}

response = requests.get(url, params=params, headers=headers)
if response.status_code == 200:
    icons = response.json()
    print(f"Found {len(icons.get('icons', []))} icons")
else:
    print(f"Error: {response.status_code}")

使用PHP获取图标详情

php

<?php
$icon_id = 12345;
$url = "https://api.thenounproject.com/icon/" . $icon_id;

$ch = curl_init($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, [
    "Authorization: Bearer YOUR_API_KEY"
]);

$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($httpCode == 200) {
    $icon_data = json_decode($response, true);
    echo "Icon: " . $icon_data['term'] . "\n";
} else {
    echo "Error: " . $httpCode . "\n";
}
?>

使用JavaScript下载图标

javascript

const iconId = 12345;
const url = `https://api.thenounproject.com/icon/${iconId}/download`;

fetch(url, {
    method: 'GET',
    headers: {
        'Authorization': 'Bearer YOUR_API_KEY'
    }
})
.then(response => {
    if (!response.ok) {
        throw new Error(`HTTP error! Status: ${response.status}`);
    }
    return response.blob();
})
.then(blob => {
    console.log(`Icon downloaded, size: ${blob.size} bytes`);
})
.catch(error => {
    console.error('Fetch error:', error);
});

常见问题

如何获取API密钥？

请访问Noun Project官方网站注册开发者账户，并在控制台中创建新应用以获取API密钥。

API调用有什么限制？

根据您的订阅计划，API调用会有每分钟和每日的次数限制。具体限制请查阅官方文档中的配额说明。

图标可以免费商用吗？

部分图标遵循CC协议可免费使用，但商用前请务必通过API查询具体图标的授权信息，确认使用条款。