أيقونة Supabase

logos:supabase

أيقونة Supabase (logos:supabase) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 99. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 512 × 99

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="أيقونة Supabase" width="24" height="24">

أيقونات ذات صلة في SVG Logos

أيقونة Supabase في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Supabase

هل أيقونة Supabase مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Supabase في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:supabase" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Supabase إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="أيقونة Supabase">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →