Home/Libraries/Devicon (Iconify)/jekyll

Devicon (Iconify)

Jekyll

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. JekyllIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.