Icono Quobyte
logos:quobyte
El icono Quobyte (logos:quobyte) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 257. 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
- 256 × 257
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="257" viewBox="0 0 256 257"><path fill="#274e85" d="M159.533 163.55a37.65 37.65 0 0 1-13.772 9.645a47.4 47.4 0 0 1-18.284 3.36a47.7 47.7 0 0 1-18.331-3.36a38 38 0 0 1-13.868-9.645a43 43 0 0 1-8.784-15.357a63.7 63.7 0 0 1-3.072-20.49a63.7 63.7 0 0 1 3.072-20.492a43.5 43.5 0 0 1 8.784-15.404a37.74 37.74 0 0 1 13.868-9.695a47.8 47.8 0 0 1 18.331-3.359a47.4 47.4 0 0 1 18.284 3.359a37.4 37.4 0 0 1 13.772 9.695a43.4 43.4 0 0 1 8.688 15.404a64.7 64.7 0 0 1 3.023 20.492a64.6 64.6 0 0 1-3.023 20.49a42.85 42.85 0 0 1-8.688 15.357M127.97 0C79.066.018 34.444 27.897 12.984 71.842s-16.008 96.277 14.05 134.855c30.057 38.578 79.467 56.66 127.326 46.597l-18.573-20.573c-2.582.191-5.185.298-7.816.298c-51.39.088-95.32-36.97-103.89-87.641S44.808 45.262 93.368 28.444s102.164 3.918 126.767 49.036s13.002 101.409-27.436 133.122l-22.6-25.034a62.5 62.5 0 0 0 11.412-10.597a66.2 66.2 0 0 0 8.783-13.582a73 73 0 0 0 5.52-15.882a80.7 80.7 0 0 0 1.917-17.804a76.9 76.9 0 0 0-5.086-28.267a66.5 66.5 0 0 0-14.301-22.458a65.7 65.7 0 0 0-22.17-14.829a74.2 74.2 0 0 0-28.698-5.375a75.1 75.1 0 0 0-28.746 5.328A65.1 65.1 0 0 0 76.464 76.93a66.6 66.6 0 0 0-14.349 22.506a76.9 76.9 0 0 0-5.086 28.267a76.9 76.9 0 0 0 5.086 28.265a66.6 66.6 0 0 0 14.349 22.506a65.2 65.2 0 0 0 22.267 14.83a75.2 75.2 0 0 0 28.746 5.326a83 83 0 0 0 10.701-.672a74 74 0 0 0 10.03-2.015l.035.038l24.467 27.004l7.43 8.2l8.602 9.53l.022-.013c51.594-27.846 77.683-87.178 63.326-144.022S186.6.007 127.97 0"/></svg>Cómo usar el icono Quobyte
React
import { Icon } from "@iconify/react";
<Icon icon="logos:quobyte" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:quobyte" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:quobyte" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--quobyte]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:quobyte"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:quobyte"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/quobyte.svg" alt="Icono Quobyte" width="24" height="24">Preguntas frecuentes sobre Icono Quobyte
¿El icono Quobyte 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 Quobyte en React?
Instala @iconify/react y renderiza <Icon icon="logos:quobyte" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Quobyte a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/quobyte.svg" alt="Icono Quobyte">, o pega el código SVG en línea para darle estilo con CSS.