The Tabler ease in control point icon visually represents a point on a curve or graph, commonly used in UI design to signify animation easing, function plotting, or curve manipulation.
Common uses
- Animation easing control in a timeline editor.
- Adjusting curve parameters in a vector graphics tool.
- Representing a data point on a function graph.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconEaseInControlPoint } from '@tabler/icons-react';
<IconEaseInControlPoint size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconEaseInControlPoint size={24} stroke={2} />filled
<IconEaseInControlPointFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- animationgraphcurvefunctioneasecontrolpointcreativeartisticindesignanimation curve pointgraph controlbezier pointfunction point
FAQ
- What is this icon used for?
- It's typically used to represent a control point for defining animation curves, function graphs, or custom shapes in design tools.
- How do I use this icon in React?
- You can import it directly from the '@tabler/icons-react' library using: `import { IconEaseInControlPoint } from '@tabler/icons-react'`.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.