Jekyll icon

devicon:jekyll

The Jekyll icon (devicon:jekyll) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

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

How to use the Jekyll icon

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>

HTML image

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

Jekyll icon in other icon sets

Jekyll icon FAQ

Is the Jekyll icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Jekyll icon in React?

Install @iconify/react and render <Icon icon="devicon:jekyll" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Jekyll icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/jekyll.svg" alt="Jekyll icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →