Ikon Supabase

logos:supabase

Ikon Supabase (logos:supabase) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 99. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 512 × 99

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="99" viewBox="0 0 512 99"><defs><linearGradient id="SVGMPst3dYn" x1="20.862%" x2="63.426%" y1="20.687%" y2="44.071%"><stop offset="0%" stop-color="#249361"/><stop offset="100%" stop-color="#3ecf8e"/></linearGradient><linearGradient id="SVGNaiFRdXR" x1="1.991%" x2="21.403%" y1="-13.158%" y2="34.708%"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></linearGradient></defs><path fill="#1f1f1f" d="M253.816 26.412c12.69 0 20.004 9.705 20.004 22.587c0 13.146-8.195 22.852-20.444 22.852c-5.863 0-10.208-2.28-12.373-5.105l-.142-.19v21h-11.72V27.382h11.368v5.294c1.94-3.353 6.786-6.264 13.307-6.264m-102.928-.353c8.582 0 13.199 3.8 15.392 7.687l.199.365l.184.364q.09.183.171.364l.158.362l.144.36l.132.357l.061.177l.113.351l.102.347l.089.341l.04.169l.072.332l.061.326l.05.317l.04.31l-9.782 2.205c-.353-2.558-2.203-5.823-7.138-5.823c-3.085 0-5.552 1.853-5.552 4.323c0 2.052 1.489 3.358 3.745 3.839l.22.044l6.17 1.323c8.547 1.765 12.866 6.97 12.866 13.323c0 7.058-5.465 14.293-16.832 14.293c-8.56 0-13.438-3.648-15.929-7.552l-.23-.372a15 15 0 0 1-.216-.374l-.202-.373q-.147-.28-.277-.56l-.169-.371a15 15 0 0 1-.155-.37l-.142-.366l-.13-.364l-.06-.18l-.112-.357l-.1-.352l-.087-.347l-.076-.34l-.065-.334l-.055-.326l-.043-.317l-.018-.156l10.046-2.206c.264 3.441 2.82 6.618 7.931 6.618c3.878 0 5.729-2.03 5.729-4.324c0-1.887-1.25-3.44-4.396-4.174l-.275-.06l-5.728-1.324c-8.372-1.853-12.161-6.882-12.161-12.97c0-7.764 6.873-14.205 16.215-14.205m294.843 0c8.449 0 13.054 3.682 15.288 7.505l.205.365q.298.547.534 1.091l.151.361l.138.359q.099.267.184.531l.107.35l.049.172l.09.341l.04.169l.072.332l.031.164l.056.321l.024.158l.04.31l-9.781 2.205l-.048-.298a7 7 0 0 0-.18-.764l-.099-.31c-.76-2.219-2.731-4.45-6.813-4.45c-3.085 0-5.551 1.852-5.551 4.322c0 2.052 1.487 3.358 3.743 3.839l.22.044l6.17 1.323c8.549 1.765 12.866 6.97 12.866 13.323c0 7.058-5.463 14.293-16.832 14.293c-8.423 0-13.28-3.533-15.807-7.366l-.238-.372l-.223-.373l-.209-.374l-.195-.373a15 15 0 0 1-.267-.559l-.162-.37l-.148-.369l-.07-.182l-.13-.364l-.117-.36l-.106-.354l-.048-.175l-.088-.347l-.076-.34l-.065-.334l-.054-.326l-.044-.317l-.017-.156l10.046-2.206c.265 3.441 2.82 6.618 7.931 6.618c3.878 0 5.728-2.03 5.728-4.324c0-1.887-1.249-3.44-4.396-4.174l-.274-.06l-5.729-1.324c-8.373-1.853-12.16-6.882-12.16-12.97c0-7.764 6.872-14.205 16.214-14.205m44.855 0c13.396 0 21.414 8.558 21.414 22.499l-.007.604l-.018.595l-.027.567l-.062.984l-.06.838l-.002.03h-31.019c.263 5.734 5.11 9.88 10.927 9.88c5.354 0 8.34-2.626 9.784-6.385l.087-.231l9.781 2.911c-2.203 7.5-9.078 13.764-19.74 13.764c-11.898 0-22.385-8.558-22.385-23.204c0-13.853 10.224-22.852 21.327-22.852m-190.652 0c13.06 0 18.326 7.007 18.82 15.197l.024.519q.01.26.013.521l.001.262l.002 21.67l.012.658l.024.683l.034.695l.02.349l.047.693l.054.68l.06.654l.064.618l.068.572l.07.515l.037.233l.036.214h-10.751c-.203-.877-.354-2.477-.413-3.93l-.021-.658q-.007-.321-.007-.618c-2.203 3.441-6.345 6.441-12.777 6.441c-9.254 0-14.893-6.264-14.893-13.058c0-7.654 5.565-11.964 12.645-13.1l.31-.047l10.662-1.588c2.468-.353 3.26-1.588 3.26-3.088c0-3.088-2.379-5.647-7.315-5.647c-5.015 0-7.825 3.145-8.26 6.849l-.023.21l-10.398-2.206c.704-6.794 6.961-14.293 18.595-14.293m101.464 0c13.06 0 18.327 7.007 18.821 15.197l.025.519q.009.26.012.521l.002.262l.002 21.67l.012.658l.024.683l.016.347l.038.697l.023.348l.05.688l.057.668l.063.637l.032.304l.068.572q.052.41.107.748l.035.214h-10.75c-.14-.608-.256-1.561-.333-2.573l-.047-.68l-.018-.34l-.028-.67c-.01-.33-.016-.647-.016-.943c-2.202 3.441-6.345 6.441-12.777 6.441c-9.254 0-14.893-6.264-14.893-13.058c0-7.654 5.566-11.964 12.646-13.1l.309-.047l10.662-1.588c2.468-.353 3.261-1.588 3.261-3.088c0-3.088-2.379-5.647-7.315-5.647c-5.016 0-7.825 3.145-8.262 6.849l-.022.21l-10.398-2.206c.705-6.794 6.962-14.293 18.594-14.293m-212.614 1.323V52.44c0 4.852 2.468 8.735 7.932 8.735c5.11 0 8.091-3.409 8.192-8.3l.003-.259V27.382h11.721V62.94q0 .373.005.739l.012.724l.019.707l.025.688l.047.987l.037.625l.06.88l.066.804l.087.937l.064.589l.02.173H205.88l-.028-.149l-.055-.35a18 18 0 0 1-.053-.41l-.05-.463l-.023-.247l-.043-.522l-.037-.548l-.03-.565l-.011-.286l-.016-.572q-.006-.286-.006-.565c-2.379 4.06-7.404 5.824-11.986 5.824c-10.374 0-16.35-7.512-16.477-16.813l-.002-.304v-27.44zm153.367-20.47v25.235c1.938-3.088 6.697-5.912 13.13-5.912c12.69 0 20.006 9.794 20.006 22.676c0 13.146-8.107 22.94-20.446 22.94c-5.869 0-10.384-2.538-12.72-6.123l-.146-.23v5.294h-11.369V6.912zm-34.816 46.322v-1.941l-9.781 1.5c-2.998.44-5.377 2.117-5.377 5.47c0 2.559 1.852 5.03 5.64 5.03c4.864 0 9.386-2.314 9.516-9.729zm101.466 0v-1.941l-9.782 1.5c-2.997.44-5.376 2.117-5.376 5.47c0 2.559 1.851 5.03 5.641 5.03c4.863 0 9.384-2.314 9.514-9.729zM251.524 36.91c-5.991 0-10.838 4.5-10.838 12.176s4.847 12.264 10.838 12.264c5.993 0 10.751-4.5 10.751-12.264c0-7.676-4.758-12.176-10.75-12.176m101.29-.176c-5.904 0-10.839 4.323-10.839 12.264c0 7.852 4.935 12.352 10.839 12.352c5.993 0 10.75-4.411 10.75-12.352s-4.757-12.264-10.75-12.264m137.948-1.147c-5.977 0-9.315 4.434-9.678 8.356l-.016.202h19.389c-.177-4.323-2.998-8.558-9.695-8.558"/><path fill="url(#SVGMPst3dYn)" d="M56.175 97.096c-2.522 3.177-7.636 1.436-7.697-2.62l-.889-59.323h39.889c7.225 0 11.254 8.345 6.762 14.004z"/><path fill="url(#SVGNaiFRdXR)" fill-opacity=".2" d="M56.175 97.096c-2.522 3.177-7.636 1.436-7.697-2.62l-.889-59.323h39.889c7.225 0 11.254 8.345 6.762 14.004z"/><path fill="#3ecf8e" d="M39.953 1.64C42.475-1.535 47.59.205 47.65 4.26l.39 59.323H8.65c-7.225 0-11.254-8.344-6.762-14.003z"/></svg>

Cara memakai ikon Supabase

React

import { Icon } from "@iconify/react";

<Icon icon="logos:supabase" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:supabase" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:supabase" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--supabase]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:supabase"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:supabase"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="Ikon Supabase" width="24" height="24">

Ikon terkait di SVG Logos

Ikon Supabase di set ikon lain

FAQ Ikon Supabase

Apakah ikon Supabase gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Supabase di React?

Pasang @iconify/react lalu render <Icon icon="logos:supabase" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Supabase ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="Ikon Supabase">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →