Icône Jekyll

selfhst:jekyll

L'icône Jekyll (selfhst:jekyll) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M272.3 10.2q-.3 1.35 0 3s3.1 20.8-.4 30L120.7 436.1c-10.8 28.9 3.7 61.1 32.5 72.2s61.1-3.2 72.5-31.8l151.1-393c3-7.7 19.8-22.6 19.8-22.6c.8-.6 1.5-1.4 1.9-2.2l.1-.2c.1-.2.2-.3.2-.5c3.9-10.1-21.2-29.2-56.1-42.6s-66.4-16.1-70.2-6c-.1.2-.1.4-.2.5z" opacity=".3"/><linearGradient id="SVG408H5cYa" x1="55.714" x2="116.977" y1="291.641" y2="352.904" gradientTransform="rotate(-23.965 -388.118 125.075)scale(1.5625)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#919191"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVG408H5cYa)" d="M267.9 6.8q-.3 1.35 0 3s3.1 20.8-.4 30L116.3 432.7c-10.8 28.9 3.7 61.1 32.5 72.2s61.1-3.2 72.5-31.8L372.4 80.2c3-7.7 19.8-22.6 19.8-22.6c.8-.6 1.5-1.4 1.9-2.2l.1-.2c.1-.2.2-.3.2-.5c3.9-10.1-21.2-29.2-56.1-42.6S272-4 268.1 6.1c-.1.2-.1.4-.2.5z"/><linearGradient id="SVGZTTq5YYo" x1="32.682" x2="69.793" y1="338.375" y2="375.486" gradientTransform="rotate(-23.965 -388.118 125.075)scale(1.5625)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#900"/><stop offset="1" stop-color="#e80000"/></linearGradient><path fill="url(#SVGZTTq5YYo)" d="m315.3 184.6l-109 283.3h.1c-8 20.3-31.4 30.9-52.2 22.9c-20.7-8-32-31.9-24.3-52.3l69.6-181.1s8.7-14 25.8-24s31.2-7.9 50.1-16.3c19-8.4 39.9-32.5 39.9-32.5"/><ellipse cx="330.9" cy="31.5" fill="#333" rx="11.1" ry="42" transform="rotate(-68.96 330.92 31.49)"/><path fill="#bb4c4c" d="M226.3 232.8c-.3.2-.7.4-1 .6c-17.1 10-25.8 24-25.8 24l-69.6 181.1c-6.7 17.8 1 38.3 16.9 48.5c-6.1-13.2-7.1-28.6-1.6-43.2z"/><path fill="#bcbcbc" d="M146.8 487c-15.8-10.2-23.6-30.7-16.9-48.5l69.6-181.1s8.7-14 25.8-24c.3-.2.7-.4 1-.6l67-174.1s-20.2-18.9-25.4-48.9c0 0 3.1 20.9-.4 30L116.3 432.7c-10.8 28.9 3.7 61.1 32.5 72.2c4.9 1.9 10 3.1 15.2 3.5c-7.5-5.7-13.4-13.1-17.2-21.4"/><path fill="#d87f7f" d="M219.2 258.9c2.4 0 4.4 2 4.4 4.4s-2 4.4-4.4 4.4s-4.4-2-4.4-4.4s2-4.4 4.4-4.4m28.7 29.5c3.6 0 6.6 3 6.6 6.6s-3 6.6-6.6 6.6s-6.6-3-6.6-6.6s3-6.6 6.6-6.6m-43.8 31.9c6.8 0 12.4 5.6 12.4 12.4s-5.6 12.4-12.4 12.4s-12.4-5.6-12.4-12.4s5.6-12.4 12.4-12.4M184 349c3.6 0 6.6 3 6.6 6.6s-3 6.6-6.6 6.6s-6.6-3-6.6-6.6s3-6.6 6.6-6.6m26.3 51.2c2.4 0 4.4 2 4.4 4.4s-2 4.4-4.4 4.4s-4.4-2-4.4-4.4s2-4.4 4.4-4.4"/></svg>

Comment utiliser l'icône Jekyll

React

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

<Icon icon="selfhst:jekyll" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:jekyll" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:jekyll" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:jekyll"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/jekyll.svg" alt="Icône Jekyll" width="24" height="24">

Icônes similaires dans selfh.st/icons

L'icône Jekyll dans d'autres collections

FAQ : Icône Jekyll

L'icône Jekyll est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Jekyll dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:jekyll" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Jekyll à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/jekyll.svg" alt="Icône Jekyll">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →