LHabyby Icons API

Free social media SVG logos for your website. Choose a logo, copy the code, and use it.

Quick start: GitHub

GitHub logo
HTML image

Change github to another available logo name.

JSON data | SVG image

1. HTML

Display a logo directly. No JavaScript needed.

<img
  src="https://l.habyby.net/images/social/svg/github-logo-transparent.svg"
  alt="GitHub"
  width="64"
  height="64"
>

2. CSS

Use the logo as a CSS background.

.github-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("https://l.habyby.net/images/social/svg/github-logo-transparent.svg")
    center / contain no-repeat;
}
<span class="github-logo" role="img" aria-label="GitHub"></span>

3. JavaScript

Request JSON and use the returned image URL.

<img id="github-logo" alt="GitHub" width="64" height="64">

<script>
fetch("https://l.habyby.net/logo?name=github")
  .then(response => {
    if (!response.ok) throw new Error("API request failed");
    return response.json();
  })
  .then(data => {
    document.getElementById("github-logo").src = data.url;
    document.getElementById("github-logo").alt = data.title;
  })
  .catch(console.error);
</script>

4. JSON

Open the API URL to retrieve the logo information.

Open GitHub JSON response

{
  "name": "github",
  "title": "Github",
  "url": "https://l.habyby.net/images/social/svg/github-logo-transparent.svg",
  "html": "<img src=\"...\" title=\"Github\" alt=\"Github\">"
}

This is an illustrative excerpt. The actual response also includes API endpoint links.

Multiple Icons in One Request

Request multiple icons by separating their names with commas.

https://l.habyby.net/logo?name=github,facebook,instagram&format=json

The response contains an icons array with each icon's name, title, and direct SVG URL.

5. PHP

Request JSON from your PHP server and display the logo.

<?php
$api = 'https://l.habyby.net/logo?name=github';

$json = file_get_contents($api);
$data = json_decode($json, true);

if (is_array($data) && isset($data['url'], $data['title'])) {
    echo '<img src="' .
        htmlspecialchars($data['url'], ENT_QUOTES, 'UTF-8') .
        '" alt="' .
        htmlspecialchars($data['title'], ENT_QUOTES, 'UTF-8') .
        '" width="64" height="64">';
}
?>

Your server must allow outbound HTTPS requests for file_get_contents().

API links

API testing

Test Page Link

Available logos

Search the directory and choose the logo you need.

186 logos available