The HugeIcons keyframe add icon visually represents the action of adding a new keyframe, commonly used in animation or timeline-based interfaces to signify the creation of a new point in time or state.
Common uses
- Add new keyframe button in animation software
- Timeline editor: insert keyframe action
- Create new animation state control
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { KeyframeAddIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={KeyframeAddIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add keyframenew keyframetimeline addanimation add
FAQ
- What does the keyframe add icon represent?
- It signifies the addition of a keyframe, which is a marker for a specific point in time or state within an animation or timeline.
- How do I use the KeyframeAddIcon in React?
- Import both HugeiconsIcon and KeyframeAddIcon, then render it using <HugeiconsIcon icon={KeyframeAddIcon} />.
- What is the license for this icon?
- The HugeIcons keyframe add icon is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →