What does the ease-in icon represent?

It visually represents a function or graph where the rate of change starts slowly and then accelerates, often used for animation easing.

How do I use the ease-in icon in React?

You can import and use it like this: import { IconEaseIn } from '@tabler/icons-react'. Then render it as .

This icon is distributed under the MIT license.

Tabler · ease-in · MIT

The Tabler ease in icon depicts a smooth acceleration curve, commonly used to represent animation easing or gradual changes in UI elements.

Install

npm i @tabler/icons-react

Import & render

import { IconEaseIn } from '@tabler/icons-react';

<IconEaseIn size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Design
Keywords: animationgraphcurvefunctioneasecreativeartisticinvisualaestheticdesignanimation curveacceleration graphsmooth transitionfunction graph

What does the ease-in icon represent?: It visually represents a function or graph where the rate of change starts slowly and then accelerates, often used for animation easing.
How do I use the ease-in icon in React?: You can import and use it like this: import { IconEaseIn } from '@tabler/icons-react'. Then render it as <IconEaseIn />.
What is the license for this icon?: This icon is distributed under the MIT license.

The same idea in other libraries, and near matches in Tabler.