Icône Joker Outline
glyphs:joker-outline
L'icône Joker Outline (glyphs:joker-outline) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- jokeroutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M43.414 49.586a4.828 4.828 0 1 0-6.829 6.828a4.828 4.828 0 0 0 6.829-6.828m-4 2.828a.828.828 0 1 1 1.171 1.172a.828.828 0 0 1-1.171-1.172"/><path fill="currentColor" fill-opacity=".25" d="M36.086 15.086a5.535 5.535 0 0 1 8.197 7.422l2.479 5.372a1 1 0 0 0 1.248.52l1.743-.63a9.64 9.64 0 0 1 7.522.41a5.535 5.535 0 1 1-2.113 7.512q-.13.104-.247.222A3.12 3.12 0 0 0 54 38.122v.221q0 .225-.013.446q.013.112.013.229v4.981c0 .511-.191.978-.507 1.331a15.96 15.96 0 0 1 .95 9.34l-.416 2.086a14.305 14.305 0 0 1-28.055 0l-.416-2.085a15.96 15.96 0 0 1 .95-9.34A2 2 0 0 1 26 43.9v-4.883q0-.117.013-.229a8 8 0 0 1-.013-.446v-.221a3.12 3.12 0 0 0-1.162-2.43a5.535 5.535 0 1 1-2.113-7.512a9.64 9.64 0 0 1 7.522-.41l1.742.63a1 1 0 0 0 1.248-.521l2.48-5.372a5.536 5.536 0 0 1 .369-7.421m22.828 19a1.536 1.536 0 1 0-.032-2.138l-.003.003l-.01.01a1.52 1.52 0 0 0-.404 1.057v.019c.009.38.159.758.45 1.049M40.787 24.48a5.6 5.6 0 0 1-1.575 0l-2.343 5.075a5 5 0 0 1-6.24 2.607l-1.742-.63a5.64 5.64 0 0 0-3.551-.095A7.12 7.12 0 0 1 30 38.122v.221q0 .212.023.414q.034.313-.023.605V42h20v-2.637a2 2 0 0 1-.023-.606q.023-.203.023-.414v-.221a7.12 7.12 0 0 1 4.664-6.685a5.64 5.64 0 0 0-3.551.095l-1.743.63a5 5 0 0 1-6.24-2.606zm.299-6.566a1.536 1.536 0 1 0-2.172 2.172a1.536 1.536 0 0 0 2.172-2.172M29.478 53.887A11.96 11.96 0 0 1 30.61 46h18.78a11.96 11.96 0 0 1 1.131 7.887l-.416 2.086a10.305 10.305 0 0 1-20.21 0zm-8.392-21.973a1.536 1.536 0 1 0-2.172 2.172a1.536 1.536 0 0 0 2.172-2.172"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M43.414 49.586a4.828 4.828 0 1 0-6.829 6.828a4.828 4.828 0 0 0 6.829-6.828m-4 2.828a.828.828 0 1 1 1.171 1.172a.828.828 0 0 1-1.171-1.172"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.086 15.086a5.535 5.535 0 0 1 8.197 7.422l2.479 5.372a1 1 0 0 0 1.248.52l1.743-.63a9.64 9.64 0 0 1 7.522.41a5.535 5.535 0 1 1-2.113 7.512q-.13.104-.247.222A3.12 3.12 0 0 0 54 38.122v.221q0 .225-.013.446q.013.112.013.229v4.981c0 .511-.191.978-.507 1.331a15.96 15.96 0 0 1 .95 9.34l-.416 2.086a14.305 14.305 0 0 1-28.055 0l-.416-2.085a15.96 15.96 0 0 1 .95-9.34A2 2 0 0 1 26 43.9v-4.883q0-.117.013-.229a8 8 0 0 1-.013-.446v-.221a3.12 3.12 0 0 0-1.162-2.43a5.535 5.535 0 1 1-2.113-7.512a9.64 9.64 0 0 1 7.522-.41l1.742.63a1 1 0 0 0 1.248-.521l2.48-5.372a5.536 5.536 0 0 1 .369-7.421m22.828 19a1.536 1.536 0 1 0-.032-2.138l-.003.003l-.01.01a1.52 1.52 0 0 0-.404 1.057v.019c.009.38.159.758.45 1.049M40.787 24.48a5.6 5.6 0 0 1-1.575 0l-2.343 5.075a5 5 0 0 1-6.24 2.607l-1.742-.63a5.64 5.64 0 0 0-3.551-.095A7.12 7.12 0 0 1 30 38.122v.221q0 .212.023.414q.034.313-.023.605V42h20v-2.637a2 2 0 0 1-.023-.606q.023-.203.023-.414v-.221a7.12 7.12 0 0 1 4.664-6.685a5.64 5.64 0 0 0-3.551.095l-1.743.63a5 5 0 0 1-6.24-2.606zm.299-6.566a1.536 1.536 0 1 0-2.172 2.172a1.536 1.536 0 0 0 2.172-2.172M29.478 53.887A11.96 11.96 0 0 1 30.61 46h18.78a11.96 11.96 0 0 1 1.131 7.887l-.416 2.086a10.305 10.305 0 0 1-20.21 0zm-8.392-21.973a1.536 1.536 0 1 0-2.172 2.172a1.536 1.536 0 0 0 2.172-2.172"/></g></svg>Comment utiliser l'icône Joker Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:joker-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:joker-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:joker-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--joker-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:joker-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:joker-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/joker-outline.svg" alt="Icône Joker Outline" width="24" height="24">Icônes similaires dans Glyphs
FAQ : Icône Joker Outline
L'icône Joker Outline est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Joker Outline dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:joker-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Joker Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/joker-outline.svg" alt="Icône Joker Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.