Jekyll アイコン
devicon:jekyll
Jekyll アイコン(devicon:jekyll)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:jekyll"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/jekyll.svg" alt="Jekyll アイコン" width="24" height="24">他のアイコンセットの Jekyll アイコン
Jekyll アイコン のよくある質問
Jekyll アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jekyll アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:jekyll" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jekyll アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/jekyll.svg" alt="Jekyll アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。