---
title: "Delete Circle Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/delete-circle--27701
canonical_url: "https://www.streamlinehq.com/icons/download/delete-circle--27701"
summary: "Rounded gradient icon of a white X inside a colored circle. Used for delete buttons, close controls, and removal actions."
---

# Delete Circle icon

The Delete Circle icon shows a white X with rounded ends centered inside a circular gradient background. Drawn in the Gradient style on a 14px grid, its filled, smooth form suits impactful controls on dark interfaces. Use it for delete buttons, close controls, removal actions, and dismiss states. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of a white X inside a colored circle. Used for delete buttons, close controls, and removal actions.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/add-remove-delete/delete-circle-ntkirn667rh3k6aqszvmkq.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Delete Circle
- **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 › Add Remove Delete
- **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**: delete, circle, remove, button, close, cancel, x, cross, exit, dismiss, off, stop, reject, interface, end, multiply, math, mathematics, add, buttons

## Download

- [Download Delete Circle on Streamline](https://www.streamlinehq.com/icons/download/delete-circle--27701)

## Also available in other styles

- [Delete Circle — Flex Line](/icons/download/delete-circle--24511.md) (Pro)
- [Delete Circle — Flex Duo](/icons/download/delete-circle--24560.md) (Pro)
- [Delete Circle — Flex Remix](/icons/download/delete-circle--28512.md) (Pro)
- [Delete Circle — Flex Flat](/icons/download/delete-circle--24721.md) (Pro)
- [Delete Circle — Flex Neon](/icons/download/delete-circle--30390.md) (Pro)
- [Delete Circle — Flex Pop](/icons/download/delete-circle--31273.md) (Pro)
- [Delete Circle — Flex Solid](/icons/download/delete-circle--24351.md) (Pro)

---

[View full sitemap](/sitemap.md)