Jekyll アイコン
devicon-plain:jekyll
Jekyll アイコン(devicon-plain:jekyll)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M44.27 123.223h-.006c-7.708 0-13.961-6.334-13.961-14.135c0-1.321.172-2.598.505-3.809l-.025.097l-.07-.046l.443-1.121l34.362-90.271c.18-.934.282-2.016.282-3.118c0-1.115-.108-2.217-.307-3.274l.013.11a2.195 2.207 0 0 1-.052-.478c0-.257.046-.508.123-.747l-.007.02l.07-.182v-.03l.039-.09c.531-1.456 2.21-2.185 4.954-2.185a37.517 37.722 0 0 1 12.795 2.945l-.25-.099c3.813 1.445 7.1 3.243 10.106 5.434l-.128-.091c2.948 2.237 4.134 4.246 3.473 5.96l-.155.225l-.075.078a3.84 3.861 0 0 1-.732.811l-.006.007a19.203 19.308 0 0 0-4.082 4.618l-.044.08l-34.693 91.536l-.078-.033c-2.383 4.626-7.073 7.732-12.482 7.757h-.032zm-10.732-18.478l-.102.25a11.581 11.645 0 0 0-.712 4.047a11.678 11.742 0 0 0 7.331 10.92l.077.033a11.056 11.117 0 0 0 4.068.759h.046h-.006h.024c4.864 0 9.023-3.065 10.69-7.39l.026-.082l.134-.303l34.16-89.894a21.855 21.975 0 0 1 4.768-5.63l.032-.034l.082-.076c.06-.077.097-.077.097-.148c0-.297-.302-1.348-2.736-3.21a38.862 39.075 0 0 0-9.055-4.877l-.27-.09c-3.42-1.45-7.386-2.41-11.54-2.68h-.101c-1.916 0-2.57.406-2.68.626v.192a19 19 0 0 1 .283 3.337c0 1.483-.16 2.933-.476 4.323l.026-.128l-34.173 90.042Zm43.934-57.182a34.616 34.806 0 0 1-8.882 7.409l-.167.09c-4.646 1.257-8.432 2.539-12.123 4.02l.737-.264a18.368 18.469 0 0 0-5.794 5.412l-.038.06l-15.783 41.537a9.4 9.451 0 0 0-.5 3.086a9.556 9.608 0 0 0 5.96 8.918l.064.025a9 9 0 0 0 3.268.605a9.245 9.296 0 0 0 8.548-5.784l.02-.071zM53.242 97.18a.91.915 0 0 1 .404-.083c.397 0 .738.231.89.577l.007.009c.051.115.09.25.09.392a.99.996 0 0 1-1.902.406l-.007-.007a1.043 1.049 0 0 1-.07-.379c0-.412.236-.76.582-.915zm-4.978-8.944a1.478 1.486 0 0 1-2.057-1.372a1.476 1.484 0 0 1 1.48-1.488c.59 0 1.102.355 1.333.863l.007.013c.082.173.14.393.14.619a1.39 1.397 0 0 1-.897 1.314h-.006zm1.402-5.463a2.88 2.896 0 0 1 1.391-3.757l.02-.006a2.7 2.7 0 0 1 1.12-.238a2.822 2.837 0 0 1 2.551 1.636l.007.013a2.9 2.9 0 0 1 .205 1.076a2.826 2.842 0 0 1-5.358 1.288l-.006-.012zm11.92-11.23a1.476 1.484 0 0 1 2.07 1.359a1.476 1.484 0 0 1-1.475 1.49a1.457 1.465 0 0 1-1.345-.892l-.007-.004a1.488 1.496 0 0 1 .744-1.96l.013-.007zm-6.332-6.829a.884.889 0 0 1 .398-.09a.99.996 0 0 1 0 1.99a.994 1 0 0 1-.89-.567l-.007-.007a.968.973 0 0 1-.09-.419c0-.399.23-.747.57-.902l.007-.007zM71.8 9.625c.492-1.294 4.875-.804 9.79 1.121c4.921 1.933 8.49 4.518 8.005 5.82c-.489 1.294-4.91.81-9.818-1.103s-8.51-4.522-8.01-5.844Zm0 0"/></svg>
Jekyll アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:jekyll" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:jekyll" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:jekyll" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--jekyll]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:jekyll"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:jekyll"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/jekyll.svg" alt="Jekyll アイコン" width="24" height="24">
Jekyll アイコン のよくある質問
Jekyll アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jekyll アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:jekyll" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jekyll アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/jekyll.svg" alt="Jekyll アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
