Ícone Direct Hit
emojione:direct-hit
O ícone Direct Hit (emojione:direct-hit) é 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
- Atividades
- Tags
- directhit
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><ellipse cx="26.6" cy="32" fill="#fff" rx="21.6" ry="26.4"/><ellipse cx="29" cy="32" fill="#ed4c5c" rx="2.7" ry="3.9"/><path fill="#428bc1" d="m41.4 36.8l.3-1.5c0-.2.1-.4.1-.7s.1-.6.1-1c0-.6.1-1.1.1-1.7s0-1.1-.1-1.7c0-.3-.1-.7-.1-1c0-.2 0-.4-.1-.6l-.3-1.5c-1.8-7-7.2-12.2-13.7-12.2c-7.9 0-14.3 7.6-14.3 17s6.4 17 14.3 17c6.5.1 11.9-5 13.7-12.1m-12.8 5c-4.4 0-8-4.4-8-9.8s3.6-9.8 8-9.8q1.5 0 2.7.6c2.9 1.6 4.9 5.1 4.9 9.2s-2 7.6-5 9.2c-.8.4-1.7.6-2.6.6"/><path fill="#3e4347" d="M51.6 32v-1.5C50.9 14.6 40.1 2 26.8 2C13.1 2 2 15.4 2 32s11.1 30 24.8 30c13.3 0 24.1-12.6 24.8-28.5zm-24 22.7C17.4 54.7 9 44.5 9 32C9 19.4 17.4 9.3 27.6 9.3c4.1 0 7.9 1.7 11 4.4C43.1 17.9 46 24.6 46 32s-2.9 14-7.4 18.3c-3 2.7-6.9 4.4-11 4.4"/><path fill="#fff" d="M33.1 29.3h18.1v5.3H33.1z"/><path fill="#f2b200" d="M45.5 36L62 44.6l-2.3-11.7H43.1z"/><path fill="#c94747" d="M51.6 39.1L49.5 38l-3.1-5.5h2.1zm6.3 3.3l-2.1-1.1l-3.1-8.8h2.1z"/><path fill="#f2b200" d="M45.5 27.9L62 19.2L59.7 31H43.1z"/><path fill="#c94747" d="m51.6 24.7l-2.1 1.1l-3.1 5.5h2.1zm6.3-3.3l-2.1 1.1l-3.1 8.8h2.1z"/><path fill="#754e27" d="M60.2 30.6H29.3c-.9 0-.9 2.7 0 2.7h30.9c.9-.1.9-2.7 0-2.7"/><path fill="#b28769" d="M59.6 31.2H30c-.9 0-.9 1.4 0 1.4h29.6c.8 0 .8-1.4 0-1.4"/></svg>Como usar o ícone Direct Hit
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:direct-hit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:direct-hit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:direct-hit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--direct-hit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:direct-hit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:direct-hit"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione/direct-hit.svg" alt="Ícone Direct Hit" width="24" height="24">O ícone Direct Hit em outras coleções
Perguntas frequentes sobre Ícone Direct Hit
O ícone Direct Hit é 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 Direct Hit no React?
Instale @iconify/react e renderize <Icon icon="emojione:direct-hit" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Direct Hit a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione/direct-hit.svg" alt="Ícone Direct Hit">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.