Иконка Jekyll

simple-icons:jekyll

Иконка Jekyll (simple-icons:jekyll) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.073 24q-.523 0-1.02-.189a2.85 2.85 0 0 1-1.726-3.402l-.015-.006l.09-.226L12.399 2.01c.105-.27.057-.91.006-1.267a.5.5 0 0 1 .008-.24l.008-.023l.006-.015V.458l.009-.019c.108-.292.45-.439 1.008-.439c.673 0 1.602.21 2.551.573c.797.307 1.523.689 2.033 1.075c.602.45.842.854.707 1.2l-.031.045l-.016.015a.8.8 0 0 1-.15.165c-.314.271-.764.735-.84.945l-7.063 18.421l-.016-.006a2.87 2.87 0 0 1-2.543 1.561H8.07zm-2.187-3.718l-.02.05A2.36 2.36 0 0 0 7.23 23.35q.407.156.837.154c.971 0 1.83-.585 2.188-1.5l.027-.061l6.959-18.09c.146-.39.84-1.02.979-1.14l.016-.016c.012-.015.02-.015.02-.03c0-.06-.061-.27-.557-.645c-.479-.36-1.154-.72-1.904-1.005c-.868-.328-1.768-.539-2.368-.539c-.39 0-.524.082-.545.126v.04c.016.104.147 1.035-.034 1.515l-6.962 18.12zm8.95-11.507s-.964 1.109-1.843 1.509c-.88.398-1.529.293-2.32.756c-.789.461-1.188 1.103-1.188 1.103L6.27 20.505c-.348.944.168 2.05 1.125 2.42c.96.369 2.04-.12 2.412-1.056zM9.905 18.76c.104-.041.225 0 .266.105c.042.104 0 .222-.105.264c-.104.043-.225 0-.266-.104a.204.204 0 0 1 .105-.265m-1.014-1.802a.297.297 0 0 1-.397-.155a.296.296 0 0 1 .154-.397c.154-.07.335 0 .398.153c.074.15.008.314-.155.39zm.286-1.096a.58.58 0 0 1 .287-.758a.574.574 0 0 1 .75.285a.583.583 0 0 1-.285.757c-.3.126-.629 0-.765-.285zm2.426-2.258a.295.295 0 0 1 .398.15c.07.154 0 .336-.153.399a.297.297 0 0 1-.399-.155a.293.293 0 0 1 .154-.397zm-1.293-1.379c.105-.042.226 0 .266.105c.043.104 0 .226-.104.266c-.104.042-.226 0-.265-.104a.205.205 0 0 1 .103-.267M13.681 1.14c.1-.261.993-.162 1.995.226c.999.384 1.729.909 1.63 1.17c-.104.264-.997.164-1.996-.221c-1.005-.385-1.734-.91-1.632-1.176z"/></svg>

Как использовать иконку Jekyll

React

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

<Icon icon="simple-icons:jekyll" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:jekyll" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:jekyll" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="simple-icons:jekyll"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/jekyll.svg" alt="Иконка Jekyll" width="24" height="24">

Иконка Jekyll в других наборах

Вопросы и ответы: Иконка Jekyll

Можно ли бесплатно использовать иконку Jekyll в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Jekyll в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:jekyll" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Jekyll на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/jekyll.svg" alt="Иконка Jekyll">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →