Ikon Prolog

devicon:prolog

Ikon Prolog (devicon:prolog) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Devicon
Pembuat: konpa
Lisensi: MIT
Ukuran: 128 × 128

Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/prolog.svg" alt="Ikon Prolog" width="24" height="24">

Ikon terkait di Devicon

Ikon Prolog di set ikon lain

FAQ Ikon Prolog

Apakah ikon Prolog gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Prolog di React?

Pasang @iconify/react lalu render <Icon icon="devicon:prolog" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Prolog ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/prolog.svg" alt="Ikon Prolog">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →