Icono Protondb
simple-icons:protondb
El icono Protondb (simple-icons:protondb) es un icono SVG gratuito de la colección Simple Icons de Simple Icons Collaborators. Está dibujado en una cuadrícula de 24 × 24. Simple Icons se publican bajo la licencia CC0 1.0, 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
- Simple Icons
- Autor
- Simple Icons Collaborators
- Licencia
- CC0-1.0
- Tamaño
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.744 0C.781 0 0 .781 0 1.744v20.512C0 23.219.781 24 1.744 24h20.512c.963 0 1.744-.782 1.744-1.74V1.744C24 .781 23.218 0 22.26 0zm14.729 2.205v.004c.37 0 .704.08.996.25c1.26.728 1.55 2.996.904 5.846c2.8.855 4.625 2.238 4.625 3.695s-1.813 2.836-4.6 3.691c.65 2.84.367 5.102-.894 5.83a2.03 2.03 0 0 1-1.012.25c-1.232 0-2.846-.869-4.478-2.384c-1.633 1.525-3.245 2.404-4.477 2.404c-.376 0-.712-.079-1.006-.25c-1.26-.728-1.55-2.996-.904-5.846c-2.8-.855-4.625-2.238-4.625-3.695c0-1.452 1.814-2.83 4.605-3.69c-.65-2.84-.366-5.103.895-5.831a2.03 2.03 0 0 1 1.012-.25V3.23c-.206 0-.377.035-.514.118c-.606.352-.866 1.687-.656 3.398q.081.625.236 1.299c.875-.22 1.838-.385 2.85-.492a21 21 0 0 1 1.851-2.24C9.82 3.962 8.446 3.227 7.518 3.227V2.225c1.231 0 2.846.87 4.478 2.384c1.633-1.525 3.245-2.404 4.477-2.404m-.006 1.002c-.929.003-2.3.745-3.758 2.102a22 22 0 0 1 1.867 2.244c1.007.107 1.964.273 2.844.488c.098-.455.181-.9.23-1.32c.206-1.711-.059-3.04-.67-3.393a1.04 1.04 0 0 0-.513-.117zm-4.483 2.81c-.41.43-.824.91-1.23 1.438a26 26 0 0 1 2.478 0a18 18 0 0 0-1.248-1.437zM12 8.428q-1.025 0-2.03.089a25 25 0 0 0-1.08 1.71a23 23 0 0 0-.927 1.79c.283.6.591 1.196.933 1.783q.528.904 1.084 1.705q.999.082 2.02.084q1.025 0 2.03-.088a25 25 0 0 0 1.08-1.71c.332-.592.644-1.194.927-1.79a23 23 0 0 0-.933-1.785a26 26 0 0 0-1.086-1.705A25 25 0 0 0 12 8.428m-3.334.23a23 23 0 0 0-1.848.35c.171.582.377 1.185.621 1.786a26 26 0 0 1 1.227-2.137zm6.658 0a23 23 0 0 1 1.23 2.127c.235-.597.442-1.194.608-1.77a19 19 0 0 0-1.838-.358zm2.81.62a22 22 0 0 1-.997 2.72q.624 1.409 1.008 2.73c.435-.142.854-.287 1.24-.454c1.583-.674 2.61-1.57 2.625-2.27c0-.703-1.027-1.587-2.615-2.267a14 14 0 0 0-1.26-.459zm-12.282.006c-.435.142-.856.287-1.243.453c-1.588.67-2.615 1.566-2.615 2.27s1.027 1.588 2.615 2.267c.391.167.812.318 1.252.46a22 22 0 0 1 .996-2.717a22 22 0 0 1-1.005-2.733m6.142.668A2.05 2.05 0 0 1 14.043 12a2.05 2.05 0 0 1-2.049 2.049A2.05 2.05 0 0 1 9.947 12a2.05 2.05 0 0 1 2.047-2.049zm4.56 3.252a24 24 0 0 1-.58 1.08a26 26 0 0 1-.646 1.06a20 20 0 0 0 1.848-.357a19 19 0 0 0-.621-1.783zm-9.115.024a20 20 0 0 0-.605 1.77q.882.211 1.838.35a37 37 0 0 1-.647-1.044c-.21-.357-.4-.72-.586-1.076m9.99 2.728a21 21 0 0 1-2.849.492a21 21 0 0 1-1.851 2.24c1.461 1.35 2.834 2.086 3.763 2.086c.205 0 .377-.034.514-.117c.606-.352.864-1.685.654-3.396q-.083-.623-.23-1.305zm-10.845.01c-.098.454-.182.9-.23 1.32c-.206 1.711.058 3.039.67 3.39c.131.079.304.119.51.124c.928 0 2.301-.743 3.763-2.102a21.5 21.5 0 0 1-1.867-2.244a22 22 0 0 1-2.846-.488m4.18.586c.41.528.83 1.007 1.246 1.437c.41-.43.831-.91 1.232-1.437a26 26 0 0 1-2.478 0"/></svg>Cómo usar el icono Protondb
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:protondb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:protondb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:protondb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--protondb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:protondb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:protondb"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/protondb.svg" alt="Icono Protondb" width="24" height="24">El icono Protondb en otras colecciones
Preguntas frecuentes sobre Icono Protondb
¿El icono Protondb es gratis para uso comercial?
Sí. Simple Icons se publican bajo la licencia CC0 1.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Protondb en React?
Instala @iconify/react y renderiza <Icon icon="simple-icons:protondb" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Protondb a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/simple-icons/protondb.svg" alt="Icono Protondb">, o pega el código SVG en línea para darle estilo con CSS.