Icono Prolog
devicon:prolog
El icono Prolog (devicon:prolog) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="url(#SVG5HZElb3m)" d="M107.044 111.363c26.157-23.773 28.09-64.249 4.318-90.406s-64.248-28.092-90.405-4.32c-26.158 23.773-28.092 64.249-4.32 90.407c23.772 26.157 64.249 28.09 90.407 4.319"/><path fill="url(#SVG5KMsfnCy)" d="M81.797 20.16C73.671 13.137 63.298 9.354 52.62 9.52c-21.878 0-43.38 16.968-45.036 49.997c-1.795 35.481 21.323 58.507 53.866 58.507c48.178 0 74.836-44.489 45.008-92.742c20.967 48.218-2.365 78.6-32.48 78.6c-24.424 0-43.137-16.608-43.137-47.058c-.018-43.942 32.485-46.99 50.956-36.664"/><path fill="url(#SVGmZzfibIB)" d="M93.818 38.484c-1.311-4.274-2.886-12.675 2.837-17.55a16.44 16.44 0 0 0-9.64.84a16.74 16.74 0 0 0-7.56 6.134a40.5 40.5 0 0 0-16.761-3.612a40.5 40.5 0 0 0-16.752 3.663a16.74 16.74 0 0 0-7.558-6.168a16.44 16.44 0 0 0-9.659-.856c5.858 5.001 4.071 13.662 2.747 17.835c-7.732 8.816-11.981 20.226-11.929 32.035c0 9.884 6.265 21.119 7.495 36.167l7.91-6.965a51.86 51.86 0 0 0 27.796 6.515a51.86 51.86 0 0 0 27.794-6.515l7.915 6.965c1.253-15.048 7.495-26.283 7.495-36.167c.07-11.934-4.257-23.464-12.13-32.322z"/><path fill="url(#SVGxcugBe5r)" d="M40.783 118.232a6.8 6.8 0 0 1 .503-2.836a7.2 7.2 0 0 1 1.64-2.426a7.7 7.7 0 0 1 2.516-1.63a8.1 8.1 0 0 1 2.992-.573c1.028 0 2.044.195 2.99.574a7.7 7.7 0 0 1 2.517 1.63a7.2 7.2 0 0 1 1.64 2.425a6.8 6.8 0 0 1 .502 2.836v.236a9.7 9.7 0 0 0 2.54-5.191a9.43 9.43 0 0 0-.915-5.65c-.886-1.759-2.3-3.234-4.067-4.242a11.06 11.06 0 0 0-5.875-1.428c-2.064.075-4.06.72-5.738 1.855s-2.967 2.71-3.705 4.528a9.4 9.4 0 0 0-.445 5.7c.447 1.9 1.477 3.636 2.962 4.989a5 5 0 0 1-.056-.797z"/><path fill="url(#SVGvc3DnbiV)" d="M84.709 118.232a6.8 6.8 0 0 0-.504-2.836a7.2 7.2 0 0 0-1.64-2.426a7.7 7.7 0 0 0-2.515-1.63a8.1 8.1 0 0 0-2.992-.573a8.1 8.1 0 0 0-2.991.574a7.7 7.7 0 0 0-2.516 1.63a7.2 7.2 0 0 0-1.64 2.425a6.8 6.8 0 0 0-.502 2.836v.236a9.7 9.7 0 0 1-2.54-5.191a9.43 9.43 0 0 1 .915-5.65c.886-1.759 2.3-3.234 4.067-4.242a11.06 11.06 0 0 1 5.875-1.428c2.064.075 4.06.72 5.738 1.855s2.967 2.71 3.704 4.528a9.4 9.4 0 0 1 .446 5.7a9.8 9.8 0 0 1-2.962 4.989a7 7 0 0 0 .056-.797z"/><path fill="#231f20" d="M29.454 74.684c-.6 3.033-4.415 3.988-4.415 3.988a6.18 6.18 0 0 1-2.574-5.353a13.3 13.3 0 0 0 2.014 8.154a13.3 13.3 0 0 0 4.974-6.79zm7.557 1.532c-.6 3.033-4.419 3.989-4.419 3.989a6.18 6.18 0 0 1-2.574-5.375a13.3 13.3 0 0 0 2.02 8.152a13.3 13.3 0 0 0 4.973-6.766m-5.344 6.875c-.6 3.032-4.415 3.988-4.415 3.988a6.18 6.18 0 0 1-2.555-5.375a13.3 13.3 0 0 0 2.015 8.153a13.3 13.3 0 0 0 4.955-6.766m7.58 1.518c-.6 3.034-4.414 3.99-4.414 3.99a6.18 6.18 0 0 1-2.573-5.376a13.3 13.3 0 0 0 1.986 8.158a13.3 13.3 0 0 0 5.002-6.772zm-5.327 6.993c-.6 3.034-4.42 3.989-4.42 3.989a6.18 6.18 0 0 1-2.57-5.375a13.3 13.3 0 0 0 2.015 8.153a13.3 13.3 0 0 0 4.975-6.766zM44.54 77.73c-.6 3.033-4.42 3.989-4.42 3.989a6.18 6.18 0 0 1-2.568-5.375a13.32 13.32 0 0 0 2.013 8.152a13.3 13.3 0 0 0 4.974-6.766zm52.258-3.046c.6 3.033 4.414 3.988 4.414 3.988a6.2 6.2 0 0 0 1.978-2.357a6.2 6.2 0 0 0 .595-3.018a13.33 13.33 0 0 1-2.013 8.153a13.3 13.3 0 0 1-4.974-6.766m-7.556 1.532c.599 3.033 4.419 3.989 4.419 3.989a6.18 6.18 0 0 0 2.569-5.375a13.33 13.33 0 0 1-2.02 8.152a13.3 13.3 0 0 1-4.969-6.766zm5.337 6.875c.6 3.032 4.415 3.988 4.415 3.988a6.2 6.2 0 0 0 1.977-2.357a6.2 6.2 0 0 0 .596-3.017a13.3 13.3 0 0 1-2.013 8.152a13.3 13.3 0 0 1-4.975-6.766m-7.553 1.518c.6 3.034 4.415 3.99 4.415 3.99a6.18 6.18 0 0 0 2.569-5.376a13.3 13.3 0 0 1-2.015 8.153a13.3 13.3 0 0 1-4.97-6.767zm5.306 6.993c.6 3.034 4.42 3.989 4.42 3.989a6.18 6.18 0 0 0 2.568-5.375a13.3 13.3 0 0 1-2.019 8.153a13.3 13.3 0 0 1-4.97-6.766zm-10.626-13.87c.6 3.032 4.42 3.988 4.42 3.988a6.18 6.18 0 0 0 2.569-5.375a13.3 13.3 0 0 1-2.015 8.152a13.3 13.3 0 0 1-4.973-6.766z" opacity=".53"/><path fill="#fff" d="M43.154 71.807c9.71 0 17.582-7.647 17.582-17.08s-7.871-17.08-17.582-17.08s-17.583 7.647-17.583 17.08s7.872 17.08 17.583 17.08"/><path fill="#bdbfc1" d="M47.675 64.774c4.994 0 9.043-3.599 9.043-8.037c0-4.44-4.05-8.038-9.043-8.038s-9.042 3.599-9.042 8.038c0 4.438 4.049 8.037 9.042 8.037"/><path fill="#231f20" d="M47.675 62.765c2.774 0 5.024-2.474 5.024-5.526s-2.25-5.526-5.024-5.526s-5.023 2.474-5.023 5.526s2.25 5.526 5.023 5.526"/><path fill="#fff" d="M45.163 56.737c.832 0 1.507-.9 1.507-2.01s-.675-2.01-1.507-2.01s-1.507.9-1.507 2.01s.676 2.01 1.507 2.01m37.175 15.07c9.71 0 17.582-7.647 17.582-17.08s-7.872-17.08-17.582-17.08s-17.583 7.647-17.583 17.08s7.872 17.08 17.583 17.08"/><path fill="#bdbfc1" d="M86.357 64.774c4.716 0 8.54-3.599 8.54-8.037c0-4.44-3.824-8.038-8.54-8.038s-8.54 3.599-8.54 8.038c0 4.438 3.824 8.037 8.54 8.037"/><path fill="#231f20" d="M86.859 62.765c3.33 0 6.028-2.474 6.028-5.526s-2.698-5.526-6.028-5.526s-6.028 2.474-6.028 5.526s2.698 5.526 6.028 5.526"/><path fill="#fff" d="M83.343 56.737c.831 0 1.507-.9 1.507-2.01s-.676-2.01-1.507-2.01c-.832 0-1.508.9-1.508 2.01s.676 2.01 1.508 2.01"/><path fill="url(#SVGUtQ7HeEB)" d="M63.246 88.887c0-6.284 9.547-15.19 9.547-21.752a9.63 9.63 0 0 0-2.867-6.654a9.5 9.5 0 0 0-6.678-2.74a9.52 9.52 0 0 0-6.677 2.74a9.63 9.63 0 0 0-2.868 6.654c0 6.561 9.543 15.468 9.543 21.752"/><defs><radialGradient id="SVG5HZElb3m" cx="0" cy="0" r="1" gradientTransform="rotate(-42.27 77.964 -24.175)scale(83.65183)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".181" stop-color="#fbfbfb"/><stop offset=".365" stop-color="#efeff0"/><stop offset=".552" stop-color="#dadbdc"/><stop offset=".738" stop-color="#bebfc2"/><stop offset=".824" stop-color="#aeb0b3"/></radialGradient><radialGradient id="SVG5KMsfnCy" cx="0" cy="0" r="1" gradientTransform="matrix(74.84512 0 0 82.49782 15.977 49.017)" gradientUnits="userSpaceOnUse"><stop stop-color="#fafdff"/><stop offset=".079" stop-color="#eef5fa"/><stop offset=".22" stop-color="#cfdfec"/><stop offset=".407" stop-color="#9dbbd5"/><stop offset=".631" stop-color="#588ab5"/><stop offset=".745" stop-color="#326fa4"/><stop offset=".799" stop-color="#2b6698"/><stop offset=".897" stop-color="#174e78"/><stop offset=".994" stop-color="#003152"/></radialGradient><radialGradient id="SVGmZzfibIB" cx="0" cy="0" r="1" gradientTransform="matrix(74.24721 0 0 80.12208 42.546 46.237)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffd540"/><stop offset=".667" stop-color="#ec1c24"/><stop offset=".994" stop-color="#760000"/></radialGradient><radialGradient id="SVGxcugBe5r" cx="0" cy="0" r="1" gradientTransform="matrix(9.83645 0 0 9.26717 48.17 110.492)" gradientUnits="userSpaceOnUse"><stop stop-color="#dddfe0"/><stop offset=".174" stop-color="#d9dbdc"/><stop offset=".351" stop-color="#cdcfd0"/><stop offset=".531" stop-color="#b8babb"/><stop offset=".711" stop-color="#9c9e9f"/><stop offset=".891" stop-color="#78797b"/><stop offset="1" stop-color="#5e5f61"/></radialGradient><radialGradient id="SVGvc3DnbiV" cx="0" cy="0" r="1" gradientTransform="matrix(9.83645 0 0 9.26717 77.318 110.492)" gradientUnits="userSpaceOnUse"><stop stop-color="#dddfe0"/><stop offset=".174" stop-color="#d9dbdc"/><stop offset=".351" stop-color="#cdcfd0"/><stop offset=".531" stop-color="#b8babb"/><stop offset=".711" stop-color="#9c9e9f"/><stop offset=".891" stop-color="#78797b"/><stop offset="1" stop-color="#5e5f61"/></radialGradient><radialGradient id="SVGUtQ7HeEB" cx="0" cy="0" r="1" gradientTransform="matrix(11.8928 0 0 11.9598 62.043 67.22)" gradientUnits="userSpaceOnUse"><stop stop-color="#dddfe0"/><stop offset=".174" stop-color="#d9dbdc"/><stop offset=".351" stop-color="#cdcfd0"/><stop offset=".531" stop-color="#b8babb"/><stop offset=".711" stop-color="#9c9e9f"/><stop offset=".891" stop-color="#78797b"/><stop offset="1" stop-color="#5e5f61"/></radialGradient></defs></svg>Cómo usar el icono Prolog
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:prolog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:prolog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:prolog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--prolog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:prolog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:prolog"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/prolog.svg" alt="Icono Prolog" width="24" height="24">Iconos relacionados en Devicon
El icono Prolog en otras colecciones
Preguntas frecuentes sobre Icono Prolog
¿El icono Prolog es gratis para uso comercial?
Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Prolog en React?
Instala @iconify/react y renderiza <Icon icon="devicon:prolog" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Prolog a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/prolog.svg" alt="Icono Prolog">, o pega el código SVG en línea para darle estilo con CSS.