Ícone Joker Outline
glyphs:joker-outline
O ícone Joker Outline (glyphs:joker-outline) é um ícone SVG gratuito da coleção Glyphs de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Glyphs
- Autor
- Goran Spasojevic
- Licença
- MIT
- Tamanho
- 80 × 80
- Tags
- jokeroutline
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/glyphs/joker-outline.svg" alt="Ícone Joker Outline" width="24" height="24">Ícones relacionados em Glyphs
Perguntas frequentes sobre Ícone Joker Outline
O ícone Joker Outline é grátis para uso comercial?
Sim. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Joker Outline no React?
Instale @iconify/react e renderize <Icon icon="glyphs:joker-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Joker Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs/joker-outline.svg" alt="Ícone Joker Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.