ICONYZ
Bahasa Indonesia
Ikon Jekyll dari Devicon

Ikon Jekyll

devicon:jekyll

Ikon Jekyll (devicon:jekyll) 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"><defs><clipPath id="SVGQWiH1dgm"><use href="#SVGNM69adFU"/></clipPath><mask id="SVGRamNqc0b"><g filter="url(#SVGGix2PJLz)"><use href="#SVGNM69adFU" fill-opacity=".102"/></g></mask><mask id="SVG7mRMrb2u"><g filter="url(#SVGGix2PJLz)"><use href="#SVGNM69adFU" fill-opacity=".302"/></g></mask><mask id="SVGUQ8o6bFI"><g filter="url(#SVGGix2PJLz)"><use href="#SVGNM69adFU" fill-opacity=".502"/></g></mask><g id="SVG4Kbd0bjy" clip-path="url(#SVGQWiH1dgm)"><path d="M69.578 9.598a2.2 2.2 0 0 0-.012.953s1.016 6.722-.14 9.715l-49.14 127.078h.003c-3.508 9.336 1.195 19.754 10.566 23.34s19.88-1.02 23.567-10.286l.004.004l49.14-127.078c.961-2.488 6.442-7.304 6.442-7.304c.273-.207.488-.446.633-.715l.023-.051c.027-.055.059-.106.078-.16c1.27-3.278-6.906-9.453-18.254-13.793C81.137 6.96 70.91 6.098 69.645 9.375c-.024.055-.036.113-.051.168Zm0 0"/></g><g id="SVGTBQAepRD" clip-path="url(#SVGQWiH1dgm)"><path fill="#fff" d="M68.145 9.473s1.003 6.757-.137 9.71l-49.145 127.08l.008.004c-3.508 9.332 1.192 19.754 10.563 23.34a18.5 18.5 0 0 0 4.941 1.136c-6.316-4.726-9.027-13.18-6.129-20.89l-.008-.004L76.406 25.293s-6.554-6.125-8.261-15.82m0 0"/></g><g id="SVGoCEKnbnx" clip-path="url(#SVGQWiH1dgm)"><path fill="#fff" d="M53.746 91.45c0 .78-.637 1.413-1.422 1.413a1.42 1.42 0 0 1-1.426-1.414a1.42 1.42 0 0 1 1.426-1.418c.785 0 1.422.633 1.422 1.418Zm0 0"/></g><g id="SVGqyz7ucFc" clip-path="url(#SVGQWiH1dgm)"><path fill="#fff" d="M63.805 101.715c0 1.18-.961 2.137-2.149 2.137a2.14 2.14 0 0 1-2.144-2.137c0-1.18.96-2.133 2.144-2.133a2.14 2.14 0 0 1 2.149 2.133m0 0"/></g><g id="SVGGRw3Depe" clip-path="url(#SVGQWiH1dgm)"><path fill="#fff" d="M51.434 113.926c0 2.21-1.801 4.004-4.024 4.004c-2.226 0-4.027-1.793-4.027-4.004s1.8-4.004 4.027-4.004c2.223 0 4.024 1.793 4.024 4.004m0 0"/></g><g id="SVGQxTEfHJe" clip-path="url(#SVGQWiH1dgm)"><path fill="#fff" d="M43.035 121.332c0 1.18-.96 2.133-2.144 2.133a2.14 2.14 0 0 1-2.149-2.133c0-1.18.961-2.137 2.149-2.137c1.183 0 2.144.957 2.144 2.137m0 0"/></g><linearGradient id="SVGsxU2Acts" x1="206.458" x2="283.129" y1="215.263" y2="291.934" gradientTransform="matrix(.26902 -.11893 .11958 .26755 -35.038 25.835)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#919191"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGCoiyRcFV" x1="177.629" x2="224.046" y1="273.752" y2="320.169" gradientTransform="matrix(.26902 -.11893 .11958 .26755 -35.038 25.835)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#900"/><stop offset="1" stop-color="#e80000"/></linearGradient><filter id="SVGGix2PJLz" width="1" height="1" x="0" y="0" filterUnits="objectBoundingBox"><feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/></filter><path id="SVGNM69adFU" d="M0 0h128v180H0z"/></defs><use width="100%" height="100%" href="#SVG4Kbd0bjy" mask="url(#SVGRamNqc0b)" transform="translate(17.464 -.608)scale(.72491)"/><path fill="url(#SVGsxU2Acts)" d="M66.874 5.565a1.6 1.6 0 0 0-.011.694s.739 4.874-.1 7.04l-35.625 92.12l.006.003c-2.543 6.765.863 14.32 7.657 16.92c6.793 2.596 14.413-.74 17.083-7.456h.003l35.626-92.12c.693-1.802 4.666-5.293 4.666-5.293q.3-.227.462-.521l.017-.037c.017-.037.04-.074.056-.113c.918-2.376-5.006-6.853-13.235-10.002c-8.226-3.146-15.642-3.772-16.56-1.396q-.02.06-.037.125zm0 0"/><path fill="url(#SVGCoiyRcFV)" d="m78.048 47.24l-25.69 66.434l.018.006c-1.897 4.76-7.41 7.237-12.301 5.366c-4.893-1.87-7.54-7.467-5.737-12.267L50.753 64.33s2.05-3.29 6.074-5.629c4.027-2.339 7.346-1.846 11.814-3.823c4.471-1.973 9.407-7.64 9.407-7.64zm0 0"/><path fill="#333" d="M90.975 14.882c.515-1.334-3.206-4.001-8.311-5.955s-9.665-2.453-10.183-1.119c-.516 1.337 3.205 4.004 8.31 5.955c5.11 1.954 9.665 2.455 10.184 1.119m0 0"/><use width="100%" height="100%" href="#SVGTBQAepRD" mask="url(#SVG7mRMrb2u)" transform="translate(17.464 -.608)scale(.72491)"/><use width="100%" height="100%" href="#SVGoCEKnbnx" mask="url(#SVGUQ8o6bFI)" transform="translate(17.464 -.608)scale(.72491)"/><use width="100%" height="100%" href="#SVGqyz7ucFc" mask="url(#SVGUQ8o6bFI)" transform="translate(17.464 -.608)scale(.72491)"/><use width="100%" height="100%" href="#SVGGRw3Depe" mask="url(#SVGUQ8o6bFI)" transform="translate(17.464 -.608)scale(.72491)"/><use width="100%" height="100%" href="#SVGQxTEfHJe" mask="url(#SVGUQ8o6bFI)" transform="translate(17.464 -.608)scale(.72491)"/></svg>

Cara memakai ikon Jekyll

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:jekyll" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:jekyll" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:jekyll" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--jekyll]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:jekyll"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:jekyll"></iconify-icon>

Gambar HTML

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

Ikon Jekyll di set ikon lain

FAQ Ikon Jekyll

Apakah ikon Jekyll gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Jekyll di React?

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

Bagaimana cara menambahkan ikon Jekyll ke halaman web?

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

Lihat semua Ikon Devicon →