Icône Captain Jack

openmoji:captain-jack

L'icône Captain Jack (openmoji:captain-jack) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenMoji
Auteur: OpenMoji
Licence: CC-BY-SA-4.0
Taille: 72 × 72
Catégorie: Extras OpenMoji
Mots-clés: captainjack

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M31.83 61H17.21v-3.92c0-.43.04-.85.11-1.26c.15-.91.47-1.78.91-2.58a9.8 9.8 0 0 1 2.13-2.59c1.85-1.59 4.31-2.57 6.75-2.57c.97.82 1.94 1.5 2.91 2.05zm23-3.92V61H40.17l1.8-10.84c.99-.56 1.97-1.25 2.96-2.08c2.44 0 4.9.98 6.75 2.57a9.8 9.8 0 0 1 2.13 2.59c.44.8.76 1.67.91 2.58c.07.41.11.83.11 1.26"/><path fill="#92d3f5" d="M17.21 61h37.62v.08H17.21z"/><path fill="#d0cfce" d="M33.91 61h-2.08l-1.81-10.87c.34.19.67.36 1.01.52q1.005.48 2.01.75z"/><path fill="#d22f27" d="M33.04 51.4q-1.005-.27-2.01-.75c-.34-.16-.67-.33-1.01-.52L30 50l3 1z"/><path fill="#d0cfce" d="M41.97 50.16L40.17 61h-2.08l.87-9.58c.68-.19 1.37-.45 2.05-.77c.32-.15.64-.31.96-.49"/><path fill="#d22f27" d="m42 50l-.03.16c-.32.18-.64.34-.96.49c-.68.32-1.37.58-2.05.77L39 51z"/><circle cx="43" cy="15" r="1" fill="#fff"/><circle cx="43" cy="17" r="1" fill="#fff"/><circle cx="43" cy="19" r="1" fill="#fff"/><circle cx="43" cy="21" r="1" fill="#fff"/><path fill="#fcea2b" d="M46.32 30.48c0 7.6-4.56 13.6-10.4 13.6s-10.39-6-10.39-13.6L26 24c.06-.13.2-.21.4-.25c-.01.14-.03.27-.04.41c0 0-.13.66-.23 1.19c3.02.41 6.36.65 9.87.65c3.33 0 6.5-.21 9.4-.59c.61 1.49.92 3.12.92 5.07"/><path fill="#d22f27" d="M50.46 24.52c-.68.16-1.38.3-2.11.43c-.83.16-1.69.29-2.58.41c-.12.02-.24.03-.37.05c-2.9.38-6.07.59-9.4.59c-3.51 0-6.85-.24-9.87-.65c.1-.53.23-1.19.23-1.19c.01-.14.03-.27.04-.41c.11-.96.25-2.07.6-3.75c.26-1.27.54-2.91.77-4.05c2.64-.62 5.39-.95 8.23-.95c4.53 0 8.85.83 12.8 2.34l.07.1c.9 1.29 1.41 2.86 1.41 4.54c.06.97.11 1.81.18 2.54"/><path fill="#fcea2b" d="M38.96 51.42L38.09 61h-4.18l-.87-9.6c1.97.56 3.95.57 5.92.02"/><path fill="#a57939" d="M47.779 17.1c-3.667-1.37-7.656-2.11-11.829-2.11c-4.688 0-9.153.95-13.19 2.65c1.82-3.97 6.372-6.66 11.673-6.66c2.578-.15 5.087.83 6.935 2.7c.176.19.419.3.672.3C45 14 48 14 47.779 17.1"/><path fill="#3f3f3f" d="M22.87 17.26c1.473-1.547 7.59-7.77 11.67-6.66c.77.21 4.815.468 6.93 2.7c.18.19.42.3.67.3c2.96.02 5.96.02 5.74 3.12c-3.66-1.37-7.65-2.11-11.82-2.11c-3.35 0-5.02.48-8.06 1.39l-2 8l-.34 4.75c-.24.23-.37.41-.36.55v1.1l.24.86c.3 7.23 4.74 12.82 10.38 12.82c5.84 0 10.4-6 10.4-13.6c0-.14 0-.28-.01-.42c.14-.45.26-.9.37-1.36l.09-.3c-.37-1.65-.01-.92-.77-2.4c1.62.39 2.25-1.42 3.73-.82c.33 2.49.87 3.77 1.86 6.02c.38.9.77 1.7 1.15 2.6c2.6 4.7 1.42 12.5.26 13.2c-.91.84-1.98 2.31-3 3c-1.19-.9-3.473-3.355-4.58-2.4C38 54 32.97 53 27 48c-.943.09-2.06.54-3.132 1.118c-1.833.987-4.077.321-5.263-1.39A4.6 4.6 0 0 0 18 47c.1 0-1.66-9.7 1.91-13.9c.197-.232.67-.983 1.05-2.1c.79-2.316.443-4.522.04-6z"/><path fill="#fcea2b" d="M26.4 23.75c0 .03-.01.07-.01.1c-.12.03-.24.06-.36.1c.07-.1.2-.17.37-.2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.692" d="m34.645 36l-1.908.75m6.679 0L37.508 36"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.058" d="M34.107 48v-4.645c1.225.75 2.644.75 3.87 0V53"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M20.84 24.36c.02-1.25.16-2.66.63-4.38c.22-.82.54-1.59.94-2.32c2.27-4.14 7.23-6.68 12.62-6.68c5.35 0 7.92 3 7.92 3C46 12 49 15 48.8 17.34A35.8 35.8 0 0 0 36 15c-2.84 0-5.59.33-8.23.95c-.23 1.14-.51 2.78-.77 4.05c-.4 1.93-.53 3.1-.64 4.16c-.03.39-.07.76-.11 1.15c-.01.02-.02.03-.02.05"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M26.23 25.36c0-.02.01-.03.02-.05c0 .02-.01.04-.01.06c-.01 0-.01-.01-.01-.01M26 26c-.22 1.21-.49 3.13-.77 3.9c-.78 2.16-1.69 3.11-2.23 6.1c-.34 1.9 0 3 1 6"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="m48.873 17.443l-.073-.103A35.8 35.8 0 0 0 36 15c-2.84 0-5.59.33-8.23.95c-.23 1.14-.51 2.78-.77 4.05c-.4 1.93-.53 3.1-.64 4.16l-.234 1.195c3.028.409 6.369.645 9.874.645c3.47 0 6.77-.23 9.77-.64c.89-.12 1.75-.25 2.58-.41c.73-.13 1.43-.27 2.11-.43c-.07-.73-.12-1.57-.18-2.54a7.94 7.94 0 0 0-1.407-4.537M31 56l-1-6m11 9l.974-8.765"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M19 46.68c-3.67-5.9-.6-10.1 1.18-14.7c.86-2.28.73-4 .67-5.97l-.01-1.65c.02-1.25.16-2.66.63-4.38c.22-.82.54-1.59.94-2.32c2.27-4.14 7.23-6.68 12.62-6.68c5.35 0 7.92 3 7.92 3C46 12 49 15 48.8 17.34a7.94 7.94 0 0 1 1.48 4.64c.06.97.11 1.81.18 2.54l.12 1.25c.43 3.67 1.2 4.62 3.06 9.01c1.65 3.87 1.13 8.34-1.38 11.7m-13.097 4.787q2.884-.856 5.77-3.285c4.95 0 9.9 4 9.9 9v3m-37.619 0v-3c0-5 4.95-9 9.9-9a20 20 0 0 0 2.227 1.641q1.803 1.139 3.607 1.663"/><path d="M34.043 29.382c0 1.105-.886 2-1.98 2s-1.98-.895-1.98-2s.887-2 1.98-2a1.996 1.996 0 0 1 1.98 2m8 0c0 1.105-.886 2-1.98 2s-1.98-.895-1.98-2s.887-2 1.98-2a1.996 1.996 0 0 1 1.98 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="m25.23 29.9l-.02.23c-.08.9-.07 1.8.02 2.7c.39 3.58 2.01 6.88 4.54 9.36c1.19 1.16 2.7 1.93 4.32 2.33l1 .25c.6.15 1.22.15 1.82 0l.97-.24a9.8 9.8 0 0 0 4.77-2.76c2.29-2.43 3.76-5.56 4.12-8.94c.09-.9.1-1.8.02-2.7l-.12-1.25c-.11-1.22-.42-2.4-.9-3.52"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.77" d="M34.103 38.778a4.7 4.7 0 0 0 3.87 0"/></svg>

Comment utiliser l'icône Captain Jack

React

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

<Icon icon="openmoji:captain-jack" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:captain-jack" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:captain-jack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--captain-jack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:captain-jack"></div>

Web component

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

<iconify-icon icon="openmoji:captain-jack"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/captain-jack.svg" alt="Icône Captain Jack" width="24" height="24">

FAQ : Icône Captain Jack

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

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Captain Jack dans React ?

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

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

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

Voir toutes les Icônes OpenMoji →