The Tabler ease out control point icon visually represents a point on a curve that influences the rate of change, commonly used in UI to signify animation easing or graph data points.
Common uses
- Animation easing settings
- Graph data point marker
- Curve editor control
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconEaseOutControlPoint } from '@tabler/icons-react';
<IconEaseOutControlPoint size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconEaseOutControlPoint size={24} stroke={2} />filled
<IconEaseOutControlPointFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- animationgraphcurvefunctioneaseoutcontrolpointcreativeartisticdesignanimation curvegraph pointbezier handleeasing function
FAQ
- What does the ease out control point icon represent?
- It symbolizes a point that dictates how a value changes over time, specifically slowing down as it progresses, often seen in animation or data visualization.
- How do I use this icon in React?
- You can import and use it like this: import { IconEaseOutControlPoint } from '@tabler/icons-react'; <IconEaseOutControlPoint />.
- What is the license for this icon?
- This icon is from the Tabler icon library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →