Ícone Joystick

emojione:joystick

O ícone Joystick (emojione:joystick) é um ícone SVG gratuito da coleção Emoji One (Colored) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (Colored)
Autor: Emoji One
Licença: CC-BY-4.0
Tamanho: 64 × 64
Categoria: Objetos

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#242a33" d="M56.9 48.1c-.7-3-3.2-9-4.8-11.8c-2.3-4.1-38-4.1-40.3 0c-1.6 2.8-4.1 8.8-4.8 11.8c-.4 1.6 1.1 9.3 1.1 9.3c.5 2.5 2.9 4.6 5.5 4.6h36.8c2.5 0 5-2.1 5.4-4.6c0 0 1.5-7.5 1.1-9.3"/><path fill="#a1acb3" d="M56.1 46.4c-.5.8-1.2 1.5-2.2 2c-.5.2-1.1.3-1.6.4l-1.6.1c-2.1.1-4.2.2-6.2.2c-4.2.1-8.3.2-12.5.2s-8.3 0-12.5-.2c-2.1-.1-4.2-.1-6.2-.2l-1.6-.1c-.5 0-1.1-.2-1.6-.4c-1-.4-1.8-1.2-2.2-2c.6.7 1.5 1.3 2.4 1.6c.5.1.9.2 1.4.2l1.6-.1c2.1-.1 4.2-.2 6.2-.2c4.2-.1 8.3-.2 12.5-.2s8.3.1 12.5.2c2.1.1 4.2.1 6.2.2l1.6.1c.5 0 1 0 1.4-.2c.9-.3 1.8-.9 2.4-1.6"/><path fill="#6b7278" d="M7.8 53.4c.5-.8 1.2-1.5 2.2-2c.5-.2 1.1-.3 1.6-.4l1.6-.1c2.1-.1 4.2-.2 6.2-.2c4.2-.1 8.3-.2 12.5-.2s8.3 0 12.5.2c2.1.1 4.2.1 6.2.2l1.6.1c.5 0 1.1.2 1.6.4c1 .4 1.8 1.2 2.2 2c-.6-.7-1.5-1.3-2.4-1.6c-.5-.1-.9-.2-1.4-.2l-1.6.1c-2.1.1-4.2.2-6.2.2c-4.2.1-8.3.2-12.5.2s-8.3-.1-12.5-.2c-2.1-.1-4.2-.1-6.2-.2l-1.6-.1c-.5 0-1 0-1.4.2c-.9.3-1.7.9-2.4 1.6"/><ellipse cx="36" cy="40.9" fill="#53585b" rx="11.9" ry="4.5"/><ellipse cx="36" cy="37.9" fill="#676e72" rx="10.6" ry="3.5"/><ellipse cx="36" cy="35.5" fill="#53585b" rx="9.4" ry="3.1"/><path fill="#d2cfcf" d="M39.8 17.1h-7.6V34c0 1.9 7.6 1.9 7.6 0z"/><ellipse cx="36" cy="12.4" fill="#ed4c5c" rx="10.5" ry="10.4"/><path fill="#a5000c" d="M24.1 35.1H14v2.2c1.8 2.2 8.4 2.2 10.2 0c-.1 0-.1-2.2-.1-2.2"/><ellipse cx="19" cy="35.1" fill="#ed4c5c" rx="5.1" ry="2.2"/></svg>

Como usar o ícone Joystick

React

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

<Icon icon="emojione:joystick" width="24" />

Vue

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

<template>
  <Icon icon="emojione:joystick" width="24" />
</template>

Svelte

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

<Icon icon="emojione:joystick" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione:joystick"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione/joystick.svg" alt="Ícone Joystick" width="24" height="24">

O ícone Joystick em outras coleções

Perguntas frequentes sobre Ícone Joystick

O ícone Joystick é grátis para uso comercial?

Sim. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Joystick no React?

Instale @iconify/react e renderize <Icon icon="emojione:joystick" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Joystick a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione/joystick.svg" alt="Ícone Joystick">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (Colored) →