ICONYZ
Português (Brasil)
Ícone Ease In de Boxicons

Ícone Ease In

boxicons:ease-in

O ícone Ease In (boxicons:ease-in) é um ícone SVG gratuito da coleção Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons 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
Boxicons
Autor
Boxicons
Licença
MIT
Tamanho
24 × 24
Tags
easein
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14 19h2v2h-2zm-4 0h2v2h-2zm8 0v3h4v-4h-4zm3.82-14.43l-1.65-1.13C17.19 7.77 8.12 19.01 1.99 19.01v2c8.43 0 19.36-15.76 19.82-16.43Z"/></svg>

Como usar o ícone Ease In

React

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

<Icon icon="boxicons:ease-in" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:ease-in" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:ease-in" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--ease-in]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:ease-in"></div>

Web component

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

<iconify-icon icon="boxicons:ease-in"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/boxicons/ease-in.svg" alt="Ícone Ease In" width="24" height="24">

Ícones relacionados em Boxicons

Ícone ease-in-filled
ease-in-filled
 Ícone ease-in-out
ease-in-out
 Ícone ease-in-out-filled
ease-in-out-filled
 Ícone ease-out
ease-out
 Ícone ease-out-filled
ease-out-filled

O ícone Ease In em outras coleções

Ícone Ease In de Tabler Icons
Tabler Icons
 Ícone Ease In de Huge Icons
Huge Icons
 Ícone Ease In de Iconoir
Iconoir
 Ícone Ease In de andrsrxn/icons
andrsrxn/icons

Perguntas frequentes sobre Ícone Ease In

O ícone Ease In é grátis para uso comercial?

Sim. Boxicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Ease In no React?

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

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

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

Ver todos os Boxicons →