Ícone Dashing Away
openmoji:dashing-away
O ícone Dashing Away (openmoji:dashing-away) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OpenMoji
- Autor
- OpenMoji
- Licença
- CC-BY-SA-4.0
- Tamanho
- 72 × 72
- Categoria
- Carinhas e emoções
- Tags
- dashingaway
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#61b2e4" d="M55.023 24.349c-.39 0-.775.022-1.155.058a8.034 8.034 0 0 0-11.529-4.696c-1.605-4.77-6.104-8.209-11.414-8.208c-6.654.002-12.047 5.397-12.045 12.05c0 .55.05 1.088.121 1.62L4 31.496v11l14.889 5.884l-.004.07c.002 6.655 5.397 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.877-6.475c.316.025.634.048.957.048c6.654-.002 12.046-5.397 12.045-12.05s-5.397-12.047-12.05-12.045"/><path fill="#92d3f5" d="M55.486 24.349c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.088.122 1.62l-3.978 1.692a12.1 12.1 0 0 1 5.852 6.846a8.034 8.034 0 0 1 11.529 4.697c.38-.037.765-.06 1.155-.06c6.653 0 12.048 5.392 12.05 12.046c0 1.532-.297 2.992-.818 4.34c.457.082.922.137 1.403.137a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.958.048c6.653-.002 12.046-5.397 12.044-12.05s-5.396-12.047-12.05-12.045"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m5 42.273l14.352 6.108l-.003.07c.001 6.654 5.396 12.047 12.05 12.046c4.818-.001 8.962-2.837 10.889-6.923a8 8 0 0 0 4.37 1.297a8.03 8.03 0 0 0 7.876-6.475c.317.025.634.048.957.048c6.654-.002 12.047-5.397 12.045-12.05s-5.396-12.047-12.05-12.045c-.39 0-.774.022-1.154.058a8.034 8.034 0 0 0-11.53-4.696c-1.604-4.77-6.103-8.209-11.414-8.208c-6.653.002-12.046 5.397-12.045 12.05c0 .55.05 1.089.122 1.62L5 31.327m0-5.83l9-4s-1-5 4-8m-13 34l9 4s-1 5 4 8"/></svg>
Como usar o ícone Dashing Away
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:dashing-away" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:dashing-away" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:dashing-away" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--dashing-away]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:dashing-away"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:dashing-away"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/dashing-away.svg" alt="Ícone Dashing Away" width="24" height="24">
O ícone Dashing Away em outras coleções
Perguntas frequentes sobre Ícone Dashing Away
O ícone Dashing Away é grátis para uso comercial?
Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Dashing Away no React?
Instale @iconify/react e renderize <Icon icon="openmoji:dashing-away" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Dashing Away a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/dashing-away.svg" alt="Ícone Dashing Away">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OpenMoji →
ICONYZ
