The Tabler keyframe align center icon visually represents the alignment of animation keyframes to the center, commonly used in UI to indicate centering content or animation elements.
Common uses
- Centering animation timelines
- Aligning media playback controls
- Indicating centered content display
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconKeyframeAlignCenter } from '@tabler/icons-react';
<IconKeyframeAlignCenter size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconKeyframeAlignCenter size={24} stroke={2} />filled
<IconKeyframeAlignCenterFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Media
- Keywords
- middleanimationshapekeyframealigncentercontententertainmentmultimediabroadcastmediacenter animationmiddle keyframealign center mediakeyframes middle
FAQ
- What does the keyframe align center icon represent?
- It depicts the concept of centering keyframes within an animation sequence, often used to signify central alignment for media or animation elements.
- How do I use this icon in React?
- You can import and use it in your React application with: import { IconKeyframeAlignCenter } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this icon, is released 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 →