---
title: "Date Picker Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/date-picker--27737
canonical_url: "https://www.streamlinehq.com/icons/download/date-picker--27737"
summary: "Rounded gradient icon of a rounded rectangle with two diagonal white bars. Used for date pickers and pause controls."
---

# Date Picker icon

The Date Picker icon shows a large rounded rectangle filled with a blue-to-purple gradient and two white, slanted rounded bars. Drawn in the gradient style on a 14px grid, its filled curves and vivid color transition create an immersive accent for dark interfaces. Use it for date selection controls, calendar inputs, scheduling flows, and compact pause or playback states. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a rounded rectangle with two diagonal white bars. Used for date pickers and pause controls.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/programming/web/date-picker-jw0fva2zhff8469vccsye3.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Date Picker
- **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.&nbsp;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**: Programming › Web
- **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**: date, day, month, year, input, pick, select, form, fill, web, interface, internet, control, playbutton, youtube, video, media, streaming, watch, entertainment

## Download

- [Download Date Picker on Streamline](https://www.streamlinehq.com/icons/download/date-picker--27737)

## Also available in other styles

- [Date Picker — Flex Line](/icons/download/date-picker--24434.md) (Pro)
- [Date Picker — Flex Remix](/icons/download/date-picker--28584.md) (Pro)
- [Date Picker — Flex Duo](/icons/download/date-picker--24586.md) (Pro)
- [Date Picker — Flex Flat](/icons/download/date-picker--24747.md) (Pro)
- [Date Picker — Flex Neon](/icons/download/date-picker--30259.md) (Pro)
- [Date Picker — Flex Pop](/icons/download/date-picker--31238.md) (Pro)
- [Date Picker — Flex Solid](/icons/download/date-picker--24274.md) (Pro)

---

[View full sitemap](/sitemap.md)
