Icono Supabase
logos:supabase
El icono Supabase (logos:supabase) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 99. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 99
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="Icono Supabase" width="24" height="24">Iconos relacionados en SVG Logos
El icono Supabase en otras colecciones
Preguntas frecuentes sobre Icono Supabase
¿El icono Supabase es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Supabase en React?
Instala @iconify/react y renderiza <Icon icon="logos:supabase" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Supabase a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/supabase.svg" alt="Icono Supabase">, o pega el código SVG en línea para darle estilo con CSS.