---
title: "Key Frame Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/key-frame--27691
canonical_url: "https://www.streamlinehq.com/icons/download/key-frame--27691"
summary: "Rounded gradient icon of a ring and diagonal bar inside four corner segments. Used for keyframes and animation."
---

# Key Frame icon

The Key Frame icon shows a rounded ring with a diagonal segmented bar, enclosed by four open corner-frame shapes. Drawn in the gradient style on a 14px grid with filled shapes, so its smooth curves and color transitions stay clear in compact interfaces. Use it for animation timelines, keyframe controls, motion design tools, and video editing interfaces. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a ring and diagonal bar inside four corner segments. Used for keyframes and animation.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/login-logout/key-frame-vyopziu1kodadp1mt7f5r.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Key Frame
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Interface Essential › Login Logout
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: key, frame, focus, entry, access, unlock, search, zoom, find, magnify, explore, scan, pass, login, enlarge

## Download

- [Download Key Frame on Streamline](https://www.streamlinehq.com/icons/download/key-frame--27691)

## Also available in other styles

- [Key Frame — Flex Line](/icons/download/key-frame--24487.md) (Pro)
- [Key Frame — Flex Duo](/icons/download/key-frame--24536.md) (Pro)
- [Key Frame — Flex Remix](/icons/download/key-frame--28536.md) (Pro)
- [Key Frame — Flex Flat](/icons/download/key-frame--24697.md) (Pro)
- [Key Frame — Flex Neon](/icons/download/key-frame--30413.md) (Pro)
- [Key Frame — Flex Pop](/icons/download/key-frame--31292.md) (Pro)
- [Key Frame — Flex Solid](/icons/download/key-frame--24327.md) (Pro)

---

[View full sitemap](/sitemap.md)